/* تم لیگ ۲۴ اکسیراز — رنگ brand/gold */
body { background: #050B3B; color: #E6EEF5; }
/* بک‌گراند صاف، بدون هیچ گرادیان/گلو */
.bg-hero-radial { background: #050B3B; }
.bg-gold-shine { background: linear-gradient(135deg,#FEC131 0%,#FECC3F 50%,#E6A800 100%); }
.text-gold { color:#FEC131; } .text-gold\/90{color:rgba(254,193,49,.9);}
.bg-gold\/5{background:rgba(254,193,49,.05);} .bg-gold\/10{background:rgba(254,193,49,.10);} .bg-gold\/15{background:rgba(254,193,49,.15);}
.border-gold\/30{border-color:rgba(254,193,49,.30);} .border-gold\/40{border-color:rgba(254,193,49,.40);} .border-gold\/50{border-color:rgba(254,193,49,.50);}

.card-dark { background: #060E3F; border:1px solid rgba(255,255,255,0.10); }

/* ===== مقیاس تایپوگرافی (سایز/لاین‌هایت طبق سیستم؛ فونت = انجمن) ===== */
.t-display{ font-size:64px; line-height:80px; font-weight:800; }
.t-display2{ font-size:56px; line-height:64px; font-weight:800; }
.t-h1{ font-size:44px; line-height:64px; font-weight:800; }
.t-h2{ font-size:36px; line-height:52px; font-weight:700; }
.t-h3{ font-size:28px; line-height:44px; font-weight:700; }
.t-h4{ font-size:22px; line-height:36px; font-weight:600; }
.t-h5{ font-size:20px; line-height:1.4; font-weight:600; }
.t-subhero{ font-size:24px; line-height:40px; font-weight:500; }
.t-bodyxl{ font-size:20px; line-height:36px; }
.t-bodyl{ font-size:18px; line-height:32px; }
.t-bodym{ font-size:16px; line-height:28px; }
.t-bodys{ font-size:14px; line-height:24px; }
.t-nav{ font-size:15px; line-height:24px; }
.t-numxl{ font-size:56px; line-height:64px; font-weight:800; }
.t-numl{ font-size:40px; line-height:52px; font-weight:800; }
.t-numm{ font-size:28px; line-height:36px; font-weight:800; }
@media (max-width:1023px){
  .t-display{ font-size:40px; line-height:52px; }
  .t-display2{ font-size:36px; line-height:48px; }
  .t-h1{ font-size:32px; line-height:44px; }
  .t-h2{ font-size:28px; line-height:40px; }
  .t-h3{ font-size:24px; line-height:36px; }
  .t-numxl{ font-size:40px; line-height:48px; }
}
.btn-gold { background: linear-gradient(135deg,#FEC131 0%,#FECC3F 50%,#E6A800 100%); color:#011F3D; font-weight:800; transition:filter .15s; }
.btn-gold:hover { filter:brightness(1.04); }
.shadow-gold-lg { }

/* lime = accent اصلی دیزاین (#DBF95E) */
.text-lime{ color:#DBF95E; }
.btn-lime { background:#DBF95E; color:#0B1428; font-weight:800; transition:filter .15s; }
.btn-lime:hover { filter:brightness(1.05); }
.btn-outline { border:1px solid rgba(255,255,255,.18); color:#E6EEF5; transition:border-color .15s,color .15s; }
.btn-outline:hover { border-color:#DBF95E; color:#DBF95E; }

/* گوی برفی هیرو */

/* الگوی تزئینی frame12 */
.deco-pattern{ position:absolute; opacity:.06; pointer-events:none; background-repeat:no-repeat; background-size:contain; }

/* ===== کامپوننت جایزه (Figma 89:4677 / 131:2877) ===== */
.prize-card{ background:rgba(5,11,59,.4); border:1px solid rgba(255,255,255,.1); border-radius:28px; padding:16px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; text-align:center; }
/* اندازه ثابت کارت فرعی در دسکتاپ طبق Figma */
@media (min-width:1024px){ .prize-fixed{ width:200px; height:246px; flex:0 0 200px; } }
.prize-center{ background:#060e3f; border:1px solid rgba(255,255,255,.14); border-radius:24px; padding:33px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.prize-center > *{ width:auto; }
.prize-icon{ width:48px; height:48px; background:#060f55; border-radius:24px; display:grid; place-items:center; }
.prize-badge{ font-size:10px; line-height:15px; padding:3px 9px; border-radius:9999px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); }
.badge-teal{ color:#0AB9A4; } .badge-orange{ color:#FFB960; }
/* حلقه‌های نقطه‌چین تزئینی پشت کارت‌ها */
.prize-rings{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; }
/* نام‌گذاری pr* برای جلوگیری از تداخل با utility «ring» تیلویند (که box-shadow می‌سازد) */
.prize-rings .pr{ position:absolute; border-radius:9999px; opacity:.5; box-shadow:none; }
.prize-rings .pr1{ width:374px; height:260px; border:1px solid #dbf95e; }
.prize-rings .pr2{ width:534px; height:380px; border:2px dashed rgba(219,249,94,.15); }
.prize-rings .pr3{ width:656px; height:466px; border:2px dashed rgba(219,249,94,.25); }
.prize-rings .glow{ display:none; }

/* orbs حذف شد — بک‌گراند صاف بدون گلو */
.orb { display:none; }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-26px)} }

/* ingot */
.ingot { background: linear-gradient(135deg,#FEC131,#FECC3F 45%,#E6A800); }

/* marquee */
.marquee { display:inline-block; animation: marquee 30s linear infinite; }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* accordion (قدیمی) */
.acc-item[open] .acc-icon { transform: rotate(180deg); }
.acc-icon { transition: transform .2s; }
.no-scrollbar::-webkit-scrollbar{display:none;}

/* ===== FAQ (Figma) — teal accent #0AB9A4، کارت rgba(255,255,255,.05) ===== */
.sec-faq{ padding-top:40px; padding-bottom:24px; }
@media(min-width:1024px){ .sec-faq{ padding-top:64px; padding-bottom:128px; } }
.faq-list{ max-width:768px; margin-inline:auto; display:flex; flex-direction:column; gap:8px; }
@media(min-width:1024px){ .faq-list{ gap:12px; } }
.faq-item{ border-radius:28px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); overflow:hidden; }
.faq-item[open]{ box-shadow:0 0 0 1px rgba(10,185,164,.40); }   /* فقط حالت باز، spread=1 teal */
.faq-sum{ list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; padding:17.86px 20px 17.86px 15.86px; }
.faq-sum::-webkit-details-marker{ display:none; }
.faq-q{ font-weight:600; font-size:16px; line-height:1.2; color:#fff; text-align:right; }
.faq-ic{ position:relative; width:20px; height:20px; flex:0 0 20px; transition:transform .2s; }
.faq-ic::before,.faq-ic::after{ content:""; position:absolute; background:#0AB9A4; border-radius:2px; }
.faq-ic::before{ left:50%; top:2px; width:1.67px; height:16px; transform:translateX(-50%); }
.faq-ic::after{ top:50%; left:2px; height:1.67px; width:16px; transform:translateY(-50%); }
.faq-item[open] .faq-ic{ transform:rotate(45deg); }            /* + → × */
.faq-ans{ padding:0 20px 20px 20px; }
.faq-ans p{ font-weight:500; font-size:14px; line-height:24px; color:rgba(255,255,255,.70); text-align:right; margin:0; }
.faq-ans ul{ margin:12px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:6px; }
.faq-ans li{ font-weight:500; font-size:14px; line-height:24px; color:rgba(255,255,255,.70); text-align:right; }
.faq-ans li::before{ content:"• "; color:#0AB9A4; }

/* LIVE stat cards (Figma 89:4846) */
.live-dot{ position:relative; width:6px; height:6px; }
.live-dot::before{ content:""; position:absolute; inset:0; background:#0ab9a4; border-radius:9999px; opacity:.7; animation: ping 1.4s cubic-bezier(0,0,.2,1) infinite; }
.live-dot::after{ content:""; position:absolute; inset:0; background:#0ab9a4; border-radius:9999px; }
@keyframes ping { 75%,100%{ transform:scale(2.2); opacity:0; } }
.stat-num{ background: linear-gradient(104deg,#F5C451 0%,#E89B2C 50%,#C97A1F 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.stat-blur{ position:absolute; top:-24px; right:-24px; width:101px; height:101px; border-radius:9999px; background:rgba(168,180,255,.15); filter:blur(20px); pointer-events:none; }

/* ===== سیستم Layout (Desktop 1440 / محتوا 1280 با padding 80؛ موبایل 390 با padding 16) ===== */
.wrap{ width:100%; max-width:1440px; margin-inline:auto; padding-inline:16px; }
@media(min-width:1024px){ .wrap{ padding-inline:80px; } }      /* Main padding L/R = 80 → content 1280 */
.hwrap{ width:100%; max-width:1440px; margin-inline:auto; padding-inline:16px; }
@media(min-width:1024px){ .hwrap{ padding-inline:32px; } }     /* Header padding L/R = 32 */

/* Header — Sticky، #FFFFFF 8% + بوردر #FFFFFF 14%، ارتفاع 64/80 */
.site-header{ position:sticky; top:0; z-index:50; height:64px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(12px); }
@media(min-width:1024px){ .site-header{ height:80px; } }

/* ریتم عمودی سکشن‌ها — موبایل 48/48 gap32، دسکتاپ 64/64 gap48 */
.sec{ padding-top:48px; padding-bottom:48px; }
.sec-stack{ display:flex; flex-direction:column; gap:32px; }
@media(min-width:1024px){ .sec{ padding-top:64px; padding-bottom:64px; } .sec-stack{ gap:48px; } }
/* overrideهای خاص طبق گزارش */
.sec-hero{ padding-top:32px; padding-bottom:64px; }
@media(min-width:1024px){ .sec-hero{ padding-top:56px; padding-bottom:96px; } }
.sec-prizes{ padding-top:40px; padding-bottom:48px; }
@media(min-width:1024px){ .sec-prizes{ padding-top:144px; padding-bottom:80px; } }
.sec-campaign{ padding-top:40px; padding-bottom:24px; }
@media(min-width:1024px){ .sec-campaign{ padding-top:64px; padding-bottom:128px; } }

/* Footer — padding 40 T/B، 32 L/R، بوردر بالا #FFFFFF 10% */
.site-footer{ border-top:1px solid rgba(255,255,255,.10); }

/* ===== کارت ویژگی — «درون لیگ چه خبره؟» (Figma) ===== */
.feat-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); border-radius:0 28px 28px 28px; padding:24px; display:flex; flex-direction:column; gap:7.4px; min-height:254px; text-align:right; }
@media(max-width:1023px){ .feat-card{ min-height:auto; } }
.feat-card h3{ font-weight:600; font-size:22px; line-height:36px; color:#fff; }
.feat-card p{ font-weight:400; font-size:18px; line-height:32px; color:rgba(255,255,255,.65); }
.feat-badge{ display:inline-flex; align-items:center; gap:4px; padding:4px 8px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); border-radius:9999px; width:fit-content; font-size:12px; line-height:1.2; color:rgba(255,255,255,.70); }

/* ===== Timeline — جاده تا فینال (Figma) ===== */
.tl-card{ border-radius:24px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); padding:32px 32px 32px 24px; overflow-x:auto; }
@media(max-width:1023px){ .tl-card{ padding:32px 12px 32px 24px; } }
.tl-row{ display:flex; align-items:flex-start; justify-content:space-between; min-width:760px; }
.tl-node{ display:flex; flex-direction:column; align-items:center; gap:8px; width:100px; flex:0 0 100px; text-align:center; }
.tl-circle{ width:56px; height:56px; border-radius:9999px; display:grid; place-items:center; }
.tl-circle.inactive{ background:rgba(10,185,164,.20); border:1px solid rgba(10,185,164,.40); }
.tl-circle.active{ width:61.6px; height:61.6px; background:linear-gradient(180deg,#0AB9A4,#18D4C0); }
.tl-circle.final{ background:#FFB960; color:#fff; font-size:24px; }
.tl-title{ font-weight:700; font-size:12px; line-height:1.2; color:rgba(255,255,255,.70); }
.tl-title.is-active{ color:#36C6B4; }
.tl-title.is-final{ color:#FFB960; }
.tl-sub{ font-weight:500; font-size:10px; line-height:1.4; color:rgba(255,255,255,.70); }
.tl-line{ flex:1 1 auto; height:1.5px; margin-top:28px; min-width:14px; border-radius:2px; }
.tl-line.on{ background:#0AB9A4; }
.tl-line.off{ background:rgba(10,185,164,.30); }

/* modal */
.modal-backdrop{ position:fixed; inset:0; background:rgba(3,8,20,.7); backdrop-filter: blur(4px); z-index:60; display:none; }
.modal-backdrop.open{ display:flex; }