#site-header {
  width: 100%;
  background-color: #000;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid gold;
}

/* نسخه کمی کشیده‌تر */
#site-header .header-banner {
  width: 100%;
  height: auto;
  max-height: 340px;   /* 🔸 قبلاً 280px بود، حالا کمی بلندتر شده */
  display: block;
  margin: 0 auto;
  object-fit: contain; /* 🔸 بدون برش */
  background-color: #000;
  padding: 8px 0;
}

    
    
    
    .footer-text{
  margin-top: 10px;
  padding: 12px 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(0,170,255,0.10), rgba(212,175,55,0.08));
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
  color: rgba(255,255,255,0.92);
  font-size: 14.5px;
  line-height: 1.8;
  font-weight: 600;
}

.footer-text::before{
  content: "✦";
  color: #d4af37;
  margin-left: 8px;
}

.fancy-text {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    letter-spacing: 0.3px;
    line-height: 1.8;
    text-shadow: 0 1px 2px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.fancy-text:hover {
    color: #007bff;
    text-shadow: 0 2px 6px rgba(0,123,255,0.2);
}

.btn-register {
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(135deg, #00c853, #64dd17);
    color: white;
    font-size: 16px;
    font-weight: 600;
    font-family: Tahoma, Arial, sans-serif;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
}

.btn-register:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    background: linear-gradient(135deg, #00e676, #76ff03);
}

.btn-register:active {
    transform: scale(0.98);
}


body{
    
    
    
  margin:0;
  font-family: Tahoma;
  background:url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3') no-repeat center center fixed;
  background-size:cover;
  color:white;
}

/* لایه تیره پس‌زمینه */
.overlay{
  background: rgba(0,0,0,0.85);
  min-height:100vh;
  padding:18px;
  display:flex;
  gap:16px;
}

/* کانتنت اصلی و سایدبار */
.main-content{
  flex:3;
}

.sidebar{
  flex:1;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(16px);
  border-radius:18px;
  padding:12px;
  box-shadow:0 12px 30px rgba(0,0,0,0.6);
  max-width:260px;
}

/* برای موبایل ستون‌ها زیر هم */
@media(max-width:900px){
  .overlay{
    flex-direction:column;
  }
  .sidebar{
    max-width:100%;
  }
}

.card{
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(16px);
  border-radius:18px;
  padding:18px;
  margin:12px auto;
  max-width:720px;
  box-shadow:0 12px 30px rgba(0,0,0,0.6);
  text-align:center;
}

.btn{
  display:block;
  padding:12px;
  margin:8px auto;
  border-radius:12px;
  text-decoration:none;
  font-weight:bold;
  font-size:18px;
  width:80%;
  cursor:pointer;
}

.btn-green{background:#00c853;color:white;border:none;}
.btn-blue{background:#00aaff;color:white;}

.signal{
  font-size:38px;
  font-weight:bold;
  margin:10px 0;
}

.buy{color:#00aaff;}
.sell{color:#ff4d4d;}
.wait{color:#ffd700;}

.small{
  font-size:20px;
  margin-top:8px;
  opacity:0.9;
}

.voices audio{
  width:90%;
  margin:4px auto;
  display:block;
}

/* برچسب ویس‌ها */
.voice-label{
  font-size:14px;
  margin-top:10px;
  margin-bottom:3px;
  color:#ffd700;
  font-weight:bold;
  text-align:right;
  padding-right:5%;
}

.footer-info{
  font-size:18px;
  font-weight:bold;
  line-height:2;
}

/* سایدبار */
.sidebar-section{
  margin-bottom:16px;
  padding:10px;
  border-radius:12px;
  background: rgba(255,255,255,0.06);
}

.sidebar-section h3{
  margin-top:0;
  margin-bottom:8px;
  font-size:18px;
}

/* ⭐ لینک‌های مهم؛ درشت و با جلوه ویژه */
.sidebar-links a{
  display:block;
  text-decoration:none;
  margin:6px 0;
  font-size:16px;
  font-weight:bold;
  padding:6px 8px;
  border-radius:10px;
  background: linear-gradient(90deg, rgba(0,212,255,0.18), rgba(0,0,0,0));
  color:#7ee0ff;
  border:1px solid rgba(0,212,255,0.45);
  box-shadow:0 0 10px rgba(0,212,255,0.25);
  transition:all 0.25s ease;
}

.sidebar-links a:hover{
  background: linear-gradient(90deg, rgba(0,212,255,0.4), rgba(0,0,0,0.2));
  color:#ffffff;
  transform:translateY(-1px) scale(1.02);
  box-shadow:0 0 14px rgba(0,212,255,0.55);
}

.sidebar-links a span.label{
  color:#ffeb3b;
}

/* پیام کپی لینک */
.copy-message{
  font-size:14px;
  color:#00ff88;
  margin-top:6px;
  display:none;
}

/* ⭐ لوگوی طلایی فیبوگروپ */
.fibo-logo {
  width: 160px;
  margin: 15px auto 5px auto;
  display: block;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.7));
  animation: goldGlow 2.8s infinite ease-in-out;
}

@keyframes goldGlow {
  0% { filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.6)); }
  50% { filter: drop-shadow(0 0 14px rgba(255, 215, 0, 1)); }
  100% { filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.6)); }
}


.trader-safe-box {
  background: #0f0f0f;
  border: 1px solid gold;
  border-radius: 12px;
  padding: 18px;
  text-align: center;
  margin: 10px 0;
}

/* فقط داخل همین باکس */
.trader-safe-box .text {
  font-family: sans-serif;
  font-size: 16px;
  color: #eaeaea;
  line-height: 1.9;
  margin: 8px 0;
}

/* هایلایت */
.trader-safe-box .highlight {
  color: gold;
  font-weight: bold;
  font-size: 17px;
  text-shadow: 0 0 6px rgba(255,215,0,0.3);
}






#trading-alert-box {
  display: block;
  font-family: sans-serif;
}

/* 📌 فونت درشت‌تر */
#trading-alert-box .alert-inner {
  background: linear-gradient(135deg, #1a1a1a, #000);
  border: 1px solid gold;
  padding: 18px;
  border-radius: 12px;
  color: #eee;
  font-size: 17px;   /* ⬅️ بزرگ‌تر شد */
  line-height: 2;
  text-align: center;
}

/* ✨ فقط متن داخل پرانتز چشمک می‌زند */
#trading-alert-box .highlight {
  color: gold;
  font-weight: bold;
  font-size: 18px;

  text-shadow: 0 0 5px gold, 0 0 10px gold;

  animation: blinkOnly 1.8s infinite;
}

/* فقط برای پرانتز */
@keyframes blinkOnly {
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}


    

#signal-vip-box {
  display: block;
  font-family: sans-serif;
  background: #0f0f0f;
  border: 1px solid gold;
  border-radius: 12px;
  padding: 18px;
  text-align: center;
}

/* متن‌ها */
#signal-vip-box .signal-line {
  font-size: 18px;
  color: #eee;
  margin: 10px 0;
  line-height: 1.8;
}





#tasman-audio-player-2{
  width: 340px;
  background: #000;
  padding: 18px;
  border-radius: 18px;
  color: #fff;
  font-family: sans-serif;
  box-shadow: 0 10px 35px rgba(0,0,0,0.6);

  /* وسط‌چین کامل */
  margin: 20px auto;
  text-align: center;
}

#tasman-audio-player-2 .tasman-title{
  font-size: 22px;
  font-weight: 900;
  color: #ffd400;
  margin-bottom: 15px;
  text-shadow: 0 0 10px rgba(255,212,0,0.5);
}

#tasman-audio-player-2 .tasman-controls{
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 12px;
}

#tasman-audio-player-2 button{
  background: #ffd400;
  border: none;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
}

#tasman-audio-player-2 button:hover{
  transform: scale(1.08);
}

#tasman-audio-player-2 .tasman-seek{
  width: 100%;
  direction: rtl; /* حرکت از چپ به راست */
  accent-color: #ffd400;
  cursor: pointer;
}

#tasman-audio-player-2 .tasman-time{
  margin-top: 8px;
  font-size: 13px;
  color: #ccc;
}


/* وین ریت */
#signal-vip-box .winrate {
  color: #00ff88;
  font-weight: bold;
  font-size: 21px;
}

/* آیدی */
#signal-vip-box .id {
  color: gold;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 17px;
}

/* لینک بله (بزرگ‌تر + جذاب‌تر) */
#signal-vip-box .bale-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;

  color: #00d4ff;
  font-weight: bold;
  font-size: 20px;   /* ⬅️ بزرگ‌تر شد */
}

/* لوگوی بله بزرگ‌تر */
#signal-vip-box .bale-link img {
  width: 36px;   /* ⬅️ بزرگ‌تر شد */
  height: 36px;
}

.special-algo {
  background: #111;
  padding: 20px;
  border-radius: 12px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}

.algo-title {
  color: gold;
  font-size: 22px;
}

/* افکت طلایی متحرک */
.gold-text {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: bold;

  background: linear-gradient(
    90deg,
    #bfa100,
    #ffd700,
    #fff3a0,
    #ffd700,
    #bfa100
  );
  background-size: 200% auto;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: goldMove 3s linear infinite;
}

@keyframes goldMove {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
}

.voice-box {
  margin: 15px 0;
}

.voice-box p {
  margin-bottom: 5px;
  color: #aaa;
}

/* متن چشمک‌زن */
.alert-box {
  background: linear-gradient(135deg, #1a1a1a, #000);
  border: 1px solid gold;
  padding: 15px;
  border-radius: 12px;
  color: #eee;
  font-size: 15px;
  line-height: 1.9;
  text-align: center;

  animation: blinkSoft 2s infinite;
}

.highlight {
  color: gold;
  font-weight: bold;
  text-shadow: 0 0 5px gold, 0 0 10px gold;
}

@keyframes blinkSoft {
  0%   { opacity: 1; }
  50%  { opacity: 0.6; }
  100% { opacity: 1; }
}


/* کارت اصلی */
.signal-lux-card {
    background: radial-gradient(circle at center, #101010, #000);
    border: 1px solid rgba(255,215,0,0.3);
    border-radius: 25px;
    padding: 40px 25px;
    text-align: center;
    box-shadow: 0 0 40px rgba(0,0,0,0.9), inset 0 0 20px rgba(255,215,0,0.08);
    max-width: 550px;
    margin: 20px auto;
}

/* عنوان */
.signal-lux-title {
    color: #ffd700;
    font-size: 30px;
    margin-bottom: 25px;
    text-shadow: 0 0 10px #000;
}

/* باج های اصلی */
.signal-lux-badge {
    display: inline-block;
    padding: 15px 60px;
    font-size: 26px;
    font-weight: bold;
    border-radius: 60px;
    text-shadow: 0 0 20px rgba(0,0,0,0.7);
    letter-spacing: 1px;
    animation: glow 1.5s infinite alternate ease-in-out;
}

.signal-lux-badge.buy {
    background: radial-gradient(circle at center, #00ff88 5%, #003322 80%);
    border: 2px solid #00ff88;
    color: #00ff88;
}

.signal-lux-badge.sell {
    background: radial-gradient(circle at center, #ff4d4d 10%, #330000 80%);
    border: 2px solid #ff4d4d;
    color: #ff4d4d;
}

.signal-lux-badge.wait {
    background: radial-gradient(circle at center, #c77dff 10%, #2a103a 80%);
    border: 2px solid #c77dff;
    color: #e0aaff;
    box-shadow: 0 0 20px rgba(199,125,255,0.35);
}

@keyframes glow {
    from { transform: scale(1); box-shadow: 0 0 10px transparent; }
    to { transform: scale(1.05); box-shadow: 0 0 30px rgba(255,215,0,0.3); }
}

/* نوع و جلسه */
.signal-session {
    color: #eee;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 25px;
}
.signal-session span {
    color: #ffd700;
}

/* باکس‌ها */
.signal-values {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.value-box {
    background: rgba(255,255,255,0.05);
    border-radius: 15px;
    padding: 15px 25px;
    min-width: 110px;
    text-align: center;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.1);
}

.value-box .label {
    font-size: 15px;
    color: #888;
    letter-spacing: 0.5px;
}

.value-box .val {
    font-size: 22px;
    font-weight: bold;
    margin-top: 4px;
}

.green { color: #00ff88; border-color: #00ff88; }
.purple { color: #b388ff; border-color: #b388ff; }
.red { color: #ff4d4d; border-color: #ff4d4d; }

/* ❤️ ضربان */
.heartbeat-lux-widget {
    margin-top: 30px;
}

.heartbeat-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-bottom: 20px;
}

.floating-arrow {
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: floaty 2s infinite alternate;
}

.sell-side { color: #ff4d4d; text-shadow: 0 0 10px #ff4d4d; }
.buy-side { color: #00bfff; text-shadow: 0 0 10px #00bfff; }

.arrow-icon { font-size: 28px; }
.arrow-text { font-size: 16px; }

@keyframes floaty {
    from { transform: translateY(0); }
    to { transform: translateY(-8px); }
}

.heartbeat-line {
    width: 160px;
    height: 60px;
}

.ekg-svg polyline {
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
}

.ekg-svg .back {
    stroke: rgba(255,215,0,0.2);
}

.ekg-svg .front {
    stroke: #ffd700;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: dash 1.4s linear infinite;
    filter: drop-shadow(0 0 6px gold);
}

@keyframes dash {
    to { stroke-dashoffset: -100; }
}

.heartbeat-info h3 {
    color: #ffd700;
    font-size: 22px;
    margin-bottom: 10px;
}

.heartbeat-info p {
    color: #aaa;
    font-size: 15px;
    margin-bottom: 15px;
}

/* آبی کردن TASMAN GROUP */
.tasman-blue {
    color: #00bfff;
    font-weight: bold;
    text-shadow: 0 0 8px rgba(0,191,255,0.5);
}

.scanning-status {
    display: inline-flex;
    padding: 8px 18px;
    border-radius: 50px;
    border: 1px solid #333;
    color: #ffd700;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    background: rgba(0,0,0,0.4);
}

.dot {
    width: 8px;
    height: 8px;
    background: #ffd700;
    border-radius: 50%;
    box-shadow: 0 0 8px #ffd700;
    animation: pulseDot 1s infinite alternate;
}

@keyframes pulseDot {
    from { opacity: .4; transform: scale(.8); }
    to { opacity: 1; transform: scale(1.1); }
}


/* کل ویجت */
#gold-widget-box {
  width: 280px;
  margin: 15px auto;
  font-family: sans-serif;
}

/* اسلایدر */
#gold-slider {
  background: #0f0f0f;
  border: 1px solid gold;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  height: 180px; /* 🔸 ارتفاع ثابت برای جلوگیری از بالا پایین شدن */
}

/* هر اسلاید */
#gold-slider .slide {
  display: none;
  position: absolute;
  inset: 0; /* پر کردن کل باکس */
}

/* اسلاید فعال */
#gold-slider .slide.active {
  display: block;
}

/* تصاویر */
#gold-slider img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* 🔸 بدون برش، همه عکس‌ها هم‌تناسب می‌شن */
  display: block;
  background-color: #000;
}

/* 🔥 متن تغییر رنگی */
#gold-disclaimer {
  margin-top: 10px;
  padding: 12px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.7;
  border: 1px solid gold;
  border-radius: 12px;
  background: #0f0f0f;
  animation: colorShift 4s infinite linear;
}

/* 🔥 تغییر رنگ نرم */
@keyframes colorShift {
  0%   { color: #ffffff; text-shadow: 0 0 6px #ffffff33; }
  25%  { color: #ffd700; text-shadow: 0 0 8px #ffd70055; }
  50%  { color: #00bfff; text-shadow: 0 0 8px #00bfff55; }
  75%  { color: #ff4d4d; text-shadow: 0 0 8px #ff4d4d55; }
  100% { color: #ffffff; text-shadow: 0 0 6px #ffffff33; }
}



#vip-links-box {
  font-family: sans-serif;
  background: #0f0f0f;
  border: 1px solid gold;
  border-radius: 12px;
  padding: 15px;
  margin-top: 10px;
}

/* عنوان */
#vip-links-box .box-title {
  color: gold;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
}

/* لینک‌های عادی */
#vip-links-box .link-item {
  display: block;
  text-decoration: none;
  color: #eee;
  background: #151515;
  padding: 10px;
  margin: 8px 0;
  border-radius: 8px;
  font-size: 15px;
  transition: 0.3s;
}

#vip-links-box .link-item:hover {
  background: #222;
  color: gold;
  transform: scale(1.02);
}

/* دکمه ثبت نام خفن */
#vip-links-box .register-btn {
  display: block;
  text-align: center;
  margin-top: 12px;
  padding: 14px;
  border-radius: 10px;

  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #000;

  background: linear-gradient(90deg, #ffd700, #ffae00, #ffd700);
  background-size: 200% auto;

  animation: shineBtn 2.5s linear infinite;

  box-shadow: 0 0 10px rgba(255, 215, 0, 0.4);
  transition: 0.3s;
}

#vip-links-box .register-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.8);
}

/* انیمیشن درخشش */
@keyframes shineBtn {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
} 


#important-links-box {
  font-family: sans-serif;
  background: #0f0f0f;
  border: 1px solid gold;
  border-radius: 12px;
  padding: 15px;
  margin-top: 10px;
}

/* عنوان */
#important-links-box .box-title {
  color: gold;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

/* لینک‌ها */
#important-links-box .link-item {
  display: block; 
  text-decoration: none;
  color: #eee;
  background: #151515;
  padding: 10px;
  margin: 8px 0;
  border-radius: 8px;
  font-size: 15px;
  transition: 0.3s;
}

/* hover */
#important-links-box .link-item:hover {
  background: #222;
  color: gold;
  transform: scale(1.02);
}




#important-links-box {
  font-family: sans-serif;
  background: #0f0f0f;
  border: 1px solid gold;
  border-radius: 12px;
  padding: 15px;
  margin-top: 10px;
}

/* عنوان */
#important-links-box .box-title {
  color: gold;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

/* لینک‌ها */
#important-links-box .link-item {
  display: block; 
  text-decoration: none;
  color: #eee;
  background: #151515;
  padding: 10px;
  margin: 8px 0;
  border-radius: 8px;
  font-size: 15px;
  transition: 0.3s;
}

/* hover */
#important-links-box .link-item:hover {
  background: #222;
  color: gold;
  transform: scale(1.02);
}


#safe-stats-widget {
  all: initial;              /* 🔒 ریست کامل برای جلوگیری از تداخل */
  display: block;
  width: 280px;
  margin: 12px auto;
  font-family: sans-serif;
}

/* عنوان */
#safe-stats-widget .title {
  background: #0f0f0f;
  border: 1px solid gold;
  color: gold;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  font-size: 17px;
  border-radius: 12px 12px 0 0;
}

/* کارت‌ها */
#safe-stats-widget .card {
  background: #151515;
  border-left: 1px solid gold;
  border-right: 1px solid gold;
  border-bottom: 1px solid #222;
  padding: 10px;
  text-align: center;
}

/* عنوان داخل کارت */
#safe-stats-widget .label {
  color: #ccc;
  font-size: 13px;
  margin-bottom: 4px;
}

/* مقدار */
#safe-stats-widget .value {
  color: #00ff88;
  font-weight: bold;
  font-size: 15px;
}

/* آخرین کارت گوشه‌ها رو می‌بندیم */
#safe-stats-widget .card:last-child {
  border-radius: 0 0 12px 12px;
}


#important-links-widget {
  font-family: sans-serif;
}

/* کارت اصلی */
#important-links-widget .time-card {
  background: #0f0f0f;
  border: 1px solid gold;
  border-radius: 12px;
  padding: 15px;
  margin-top: 10px;
  text-align: center;
  color: #eee;
}

/* عنوان */
#important-links-widget .card-title {
  font-size: 18px;
  font-weight: bold;
  color: gold;
  margin-bottom: 8px;
}


 
#site-footer {
  all: initial; /* 🔒 جلوگیری از تداخل کامل */
  display: block;
  width: 100%;
  font-family: sans-serif;
  background: #0b0b0b;
  border-top: 1px solid gold;
  padding: 22px 18px;
  text-align: center;
  box-sizing: border-box;
}

/* ✅ استایل لوگو */




#site-footer .footer-logo {
  width: 170px;          /* ✅ بزرگ‌تر شد */
  max-width: 90%;
  margin: 0 auto 16px auto;
  display: block;
  filter: drop-shadow(0 0 14px rgba(255,215,0,0.7));
  transition: 0.3s ease;
}

#site-footer .footer-logo:hover {
  transform: scale(1.08);
  filter: drop-shadow(0 0 22px rgba(255,215,0,1));
}










/* عنوان */
#site-footer .footer-title {
  color: gold;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* متن */
#site-footer .footer-text {
  color: #ddd;
  font-size: 14px;
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto 10px auto; 
}

/* خط جداکننده */
#site-footer .footer-line {
  width: 60%;
  height: 1px;
  background: linear-gradient(90deg, transparent, gold, transparent);
  margin: 12px auto;
}

/* کپی‌رایت */
#site-footer .footer-info {
  color: #888;
  font-size: 12px;
}



/* ساعت */
#important-links-widget .clock {
  font-size: 17px;
  margin: 8px 0;
}

/* تاریخ */
#important-links-widget .date {
  font-size: 16px;
  color: #ccc;
}

/* کمی glow ساده */
#important-links-widget .time-card {
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.15);
}





.body{
    
    
    
  margin:0;
  font-family: Tahoma;
  background:url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3') no-repeat center center fixed;
  background-size:cover;
  color:white;
}

/* لایه تیره پس‌زمینه */
.overlay{
  background: rgba(0,0,0,0.85);
  min-height:100vh;
  padding:18px;
  display:flex;
  gap:16px;
}

/* کانتنت اصلی و سایدبار */
.main-content{
  flex:3;
}

.sidebar{
  flex:1;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(16px);
  border-radius:18px;
  padding:12px;
  box-shadow:0 12px 30px rgba(0,0,0,0.6);
  max-width:260px;
}

/* برای موبایل ستون‌ها زیر هم */
@media(max-width:900px){
  .overlay{
    flex-direction:column;
  }
  .sidebar{
    max-width:100%;
  }
}

.card{
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(16px);
  border-radius:18px;
  padding:18px;
  margin:12px auto;
  max-width:720px;
  box-shadow:0 12px 30px rgba(0,0,0,0.6);
  text-align:center;
}

.btn{
  display:block;
  padding:12px;
  margin:8px auto;
  border-radius:12px;
  text-decoration:none;
  font-weight:bold;
  font-size:18px;
  width:80%;
  cursor:pointer;
}

.btn-green{background:#00c853;color:white;border:none;}
.btn-blue{background:#00aaff;color:white;}

.signal{
  font-size:38px;
  font-weight:bold;
  margin:10px 0;
}

.buy{color:#00aaff;}
.sell{color:#ff4d4d;}
.wait{color:#ffd700;}

.small{
  font-size:20px;
  margin-top:8px;
  opacity:0.9;
}

.voices audio{
  width:90%;
  margin:4px auto;
  display:block;
}

/* برچسب ویس‌ها */
.voice-label{
  font-size:14px;
  margin-top:10px;
  margin-bottom:3px;
  color:#ffd700;
  font-weight:bold;
  text-align:right;
  padding-right:5%;
}

.footer-info{
  font-size:18px;
  font-weight:bold;
  line-height:2;
}

/* سایدبار */
.sidebar-section{
  margin-bottom:16px;
  padding:10px;
  border-radius:12px;
  background: rgba(255,255,255,0.06);
}

.sidebar-section h3{
  margin-top:0;
  margin-bottom:8px;
  font-size:18px;
}

/* ⭐ لینک‌های مهم؛ درشت و با جلوه ویژه */
.sidebar-links a{
  display:block;
  text-decoration:none;
  margin:6px 0;
  font-size:16px;
  font-weight:bold;
  padding:6px 8px;
  border-radius:10px;
  background: linear-gradient(90deg, rgba(0,212,255,0.18), rgba(0,0,0,0));
  color:#7ee0ff;
  border:1px solid rgba(0,212,255,0.45);
  box-shadow:0 0 10px rgba(0,212,255,0.25);
  transition:all 0.25s ease;
}

.sidebar-links a:hover{
  background: linear-gradient(90deg, rgba(0,212,255,0.4), rgba(0,0,0,0.2));
  color:#ffffff;
  transform:translateY(-1px) scale(1.02);
  box-shadow:0 0 14px rgba(0,212,255,0.55);
}

.sidebar-links a span.label{
  color:#ffeb3b;
}

/* پیام کپی لینک */
.copy-message{
  font-size:14px;
  color:#00ff88;
  margin-top:6px;
  display:none;
}

/* ⭐ لوگوی طلایی فیبوگروپ */
.fibo-logo {
  width: 160px;
  margin: 15px auto 5px auto;
  display: block;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.7));
  animation: goldGlow 2.8s infinite ease-in-out;
}

@keyframes goldGlow {
  0% { filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.6)); }
  50% { filter: drop-shadow(0 0 14px rgba(255, 215, 0, 1)); }
  100% { filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.6)); }
}
/* 🎧 ویس‌های جدید آموزشی */
.voice-section{
    background: linear-gradient(135deg, #161922, #1d2230);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 25px;
    margin: 25px auto;
    max-width: 1100px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

.voice-section h2{
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 800;
    text-align: center;
    position: relative;
}

.voice-section h2::after{
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    margin: 10px auto 0;
    border-radius: 10px;
    background: linear-gradient(90deg, #00aaff, #d4af37);
}

.voice-box{
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 18px;
    transition: 0.3s ease;
    box-shadow: 0 6px 18px rgba(0,0,0,0.20);
}

.voice-box:hover{
    transform: translateY(-4px);
    border-color: rgba(0,170,255,0.35);
    box-shadow: 0 12px 24px rgba(0,0,0,0.28);
}

.voice-title{
    font-size: 18px;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 12px;
}

.voice-desc{
    font-size: 14px;
    color: rgba(255,255,255,0.85);
    line-height: 1.9;
    margin-bottom: 12px;
}

.voice-box audio{
    width: 100%;
    border-radius: 12px;
    background: #10141c;
}

@media (max-width: 768px){
    .voice-section{
        padding: 18px;
        margin: 18px 12px;
    }

    .voice-section h2{
        font-size: 22px;
    }

    .voice-title{
        font-size: 16px;
    }

    .voice-desc{
        font-size: 13px;
    }
}


/* ===== Download Sidebar ===== */

.download-sidebar {
    width: 320px;
    background: #1e293b;
    border-radius: 15px;
    padding: 20px;
    margin: 20px;
    direction: rtl;
}

.download-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.download-item {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white;
    background: #334155;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 12px;
    transition: 0.3s;
}

.download-item:hover {
    transform: scale(1.03);
}

.download-item img {
    width: 45px;
    height: 45px;
    margin-left: 12px;
    border-radius: 8px;
}

.download-text {
    font-size: 14px;
    line-height: 1.8;
}




/* ===== Compact Download Sidebar ===== */

.download-sidebar {
    width: 100%;
    background: linear-gradient(180deg, #0f172a, #020617);
    border-radius: 14px;
    padding: 14px 12px;
    direction: rtl;
    border: 1px solid rgba(255, 215, 0, 0.22);
    box-shadow:
        inset 0 0 0 1px rgba(255,215,0,0.04),
        0 6px 16px rgba(0,0,0,0.35);
}

/* Title */
.download-title {
    text-align: center;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 12px;
    color: #ffd700;
    letter-spacing: 0.2px;
    text-shadow: 0 0 8px rgba(255,215,0,0.22);
}

/* Item */
.download-item {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #ffffff;
    background: rgba(255,255,255,0.03);
    border-radius: 10px;
    padding: 8px 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(255,255,255,0.07);
    transition: 0.25s ease;
    position: relative;
}

/* Hover */
.download-item:hover {
    background: rgba(255,215,0,0.05);
    border-color: rgba(255,215,0,0.32);
    box-shadow:
        0 4px 12px rgba(0,0,0,0.35),
        0 0 12px rgba(255,215,0,0.10);
}

/* Golden line */
.download-item::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, #ffd700, #c9a200);
    opacity: 0.75;
}

/* Icon */
.download-item img {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 8px;
    padding: 4px;
    background: linear-gradient(
        180deg,
        rgba(255,215,0,0.15),
        rgba(255,215,0,0.04)
    );
    border: 1px solid rgba(255,215,0,0.20);
    object-fit: contain;
}

/* Text */
.download-text {
    font-size: 13px;
    line-height: 1.7;
    font-weight: 600;
    color: #e5e7eb;
}

/* Responsive */
@media (max-width: 768px) {
    .download-sidebar {
        padding: 12px 10px;
    }

    .download-title {
        font-size: 14px;
    }

    .download-text {
        font-size: 12px;
    }
}

#safe-stats-widget {
  width: 100%;
  max-width: 350px;
  background: #ffffff;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-family: sans-serif;
}

#safe-stats-widget .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}

#safe-stats-widget .card {
  background: #f6f6f6;
  padding: 12px;
  border-radius: 10px;
  margin-bottom: 12px;
}

#safe-stats-widget .label {
  font-size: 14px;
  color: #555;
}

#safe-stats-widget .value {
  font-size: 17px;
  font-weight: bold;
  color: #222;
  margin-top: 5px;
}
#safe-stats-widget {
  width: 100%;
  max-width: 350px;
  background: #ffffff;
  padding: 22px;
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-family: sans-serif;
} 

#safe-stats-widget .title {
  font-size: 20px; /* بزرگ‌تر شد */
  font-weight: bold;
  margin-bottom: 18px;
  text-align: center;
}

#safe-stats-widget .card {
  background: #f6f6f6;
  padding: 14px;
  border-radius: 10px;
  margin-bottom: 12px;
}

#safe-stats-widget .label {
  font-size: 15px; /* بزرگ‌تر */
  color: #444;
}

#safe-stats-widget .value {
  font-size: 22px; /* بزرگ‌تر از قبل */
  font-weight: bold;
  margin-top: 6px;
  color: #0077ff; /* رنگ متفاوت برای اعداد */
}

/* باکس آمار (همان ID قبلی) */
#vip-links-box {
    background: linear-gradient(180deg, #0b0f1a, #05070c);
    border: 1px solid #1a73e8;
    border-radius: 10px;
    padding: 15px;
    margin: 15px 0;
    box-shadow: 0 0 15px rgba(26, 115, 232, 0.25);
}

/* عنوان (کلاس جدید: statistic-title) */
#vip-links-box .statistic-title {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* کارت آمار (کلاس جدید: statistic-card) */
#vip-links-box .statistic-card {
    background: rgba(0, 0, 0, 0.55);
    border-left: 3px solid #ff2a2a;
    padding: 10px 12px;
    border-radius: 6px;
    margin-bottom: 8px;
    transition: 0.3s;
}

/* افکت هاور (برای کلاس جدید statistic-card) */
#vip-links-box .statistic-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.4);
}

/* متن توضیح (کلاس label همچنان استفاده می‌شود) */
#vip-links-box .label {
    font-size: 12px;
    color: #9aa4b2;
}

/* عدد آمار (کلاس value همچنان استفاده می‌شود) */
#vip-links-box .value {
    font-size: 16px;
    font-weight: bold;
    color: #1A73E8;
    margin-top: 2px;
}

/* باکس کلی */
.visit-stats-box {
    background: rgba(5, 10, 18, 0.85);
    border-radius: 14px;
    padding: 18px;
    border: 1px solid rgba(26, 115, 232, 0.35);
    backdrop-filter: blur(6px);
    box-shadow: 0 0 22px rgba(26, 115, 232, 0.25);
}

/* عنوان */
.visit-stats-title {
    font-size: 16px;
    font-weight: bold;
    color: #1A73E8;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    text-shadow: 0 0 8px rgba(26,115,232,0.6);
}

/* هر آیتم آمار */
.visit-stats-item {
    background: linear-gradient(90deg, rgba(0,0,0,0.45), rgba(0,0,0,0.25));
    padding: 12px 14px;
    border-radius: 8px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    border-left: 3px solid #e91b1b;
    transition: 0.25s;
}  

/* افکت هاور */
.visit-stats-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 10px rgba(233, 27, 27, 0.45);
}

/* متن برچسب */
.v-label {
    color: #c9d1d9;
    font-size: 13px;
}

/* مقدار آمار */
.v-value {
    color: #1A73E8;
    font-size: 15px;
    font-weight: bold;
}



/* باکس اصلی */
.visit-box {
    background: #262626;
    border: 2px solid #f1c40f;
    border-radius: 12px;
    padding: 15px;
    margin: 15px 0;
    color: #fff;
    box-shadow: 0 0 12px rgba(241, 196, 15, 0.25);
}

/* عنوان کادر */
.visit-title {
    font-size: 15px;
    font-weight: bold;
    color: #f1c40f;
    margin-bottom: 14px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(241, 196, 15, 0.3);
}

/* آیتم‌ها */
.visit-item {
    background: #111;
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #eee;
    font-size: 14px;
    transition: 0.2s;
} 

/* افکت هاور مثل نمونه */
.visit-item:hover {
    background: #181818;
    transform: translateY(-2px);
    box-shadow: 0 0 8px rgba(241, 196, 15, 0.25);
}

/* مقدار آمار */
.visit-item strong {
    color: #f1c40f;
    font-weight: bold;
}



/* لوگوی فیبوگروپ – طلایی و براق */
.broker-logo {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 12px;
    
    /* قاب طلایی دور لوگو */
    background: linear-gradient(135deg, #f5d76e, #f1c40f, #e0aa3e);
    box-shadow:
        0 0 18px rgba(241, 196, 15, 0.6),
        0 0 4px rgba(0, 0, 0, 0.8);
    
    /* برای اینکه لوگو وسط باشد */
    text-align: center;
}

/* خود تصویر داخل قاب */
.broker-logo img {
    display: block;
    background: #111;          /* پس‌زمینه تیره پشت لوگو */
    padding: 8px 12px;
    border-radius: 8px;
    
    /* کمی شیشه‌ای */
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.8);
    
    max-width: 180px;
    height: auto;
    
    transition: 0.3s ease;
}

/* افکت هاور: درخشش و کمی بزرگ شدن */
.broker-logo:hover {
    box-shadow:
        0 0 24px rgba(241, 196, 15, 0.85),
        0 0 6px rgba(0, 0, 0, 0.9);
}

.broker-logo:hover img {
    transform: scale(1.05);
    box-shadow:
        inset 0 0 10px rgba(0, 0, 0, 0.8),
        0 0 10px rgba(241, 196, 15, 0.5);
}