:root{
  --bg:#030711;
  --bg2:#09111f;
  --bg3:#0f1728;
  --panel:rgba(255,255,255,.045);
  --panel2:rgba(255,255,255,.07);
  --panel3:rgba(255,255,255,.1);
  --line:rgba(255,255,255,.1);
  --line-strong:rgba(255,255,255,.16);
  --cyan:#00e5ff;
  --green:#00ff94;
  --gold:#ffd700;
  --red:#ff6b6b;
  --txt:#eef5ff;
  --dim:#94a3b8;
  --dim2:#64748b;
  --shadow:0 26px 80px rgba(0,0,0,.42);
  --nav-top-gap:10px;
  --font-body:"Be Vietnam Pro","Inter","Segoe UI",system-ui,Arial,sans-serif;
  --font-display:"Chonburi","Be Vietnam Pro","Inter","Segoe UI",system-ui,sans-serif;
  --font-luxury:"Cormorant Garamond","Times New Roman",serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{
  scroll-behavior:smooth;
  scroll-padding-top:calc(78px + var(--nav-top-gap));
  background:#030711;
  overflow-x:hidden;
}
body{
  min-height:100vh;
  background:
    radial-gradient(1400px 720px at 50% -10%, rgba(0,229,255,.14), transparent 60%),
    linear-gradient(180deg, #07111f 0%, #030711 46%, #07111f 100%);
  color:var(--txt);
  font-family:var(--font-body);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  position:relative;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.08));
  opacity:.45;
}
body::after{
  content:"";
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:var(--nav-top-gap);
  z-index:49;
  pointer-events:none;
  background:linear-gradient(180deg, #07111f, rgba(7,17,31,.92));
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{max-width:100%}
.mono{font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace}
.green{color:var(--green)}
.cyan{color:var(--cyan)}
.gold{color:var(--gold)}
.red{color:var(--red)}
.dim{color:var(--dim)}
.b{font-weight:700}
.r{text-align:right}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.brand-mark{
  display:inline;
  white-space:nowrap;
  font-weight:800;
  letter-spacing:0;
}
.brand-mark-kn{
  color:var(--cyan);
  text-shadow:0 0 14px rgba(0,229,255,.34);
}
.brand-mark-invest{
  color:#fff6d8;
  background:linear-gradient(90deg,#fff 0%,#fff3b0 42%,#ffd700 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 18px rgba(255,215,0,.2);
}

h1,h2,.brand,.tier-dep,.tp-val,.pp-val,.mr-big,.lb-head h1,.cd-status{
  font-family:var(--font-display);
  font-weight:400;
  letter-spacing:0;
}
h3,h4{
  font-family:var(--font-body);
  letter-spacing:0;
}

.nav{
  position:sticky;
  top:var(--nav-top-gap);
  z-index:50;
  margin-top:var(--nav-top-gap);
  background:rgba(3,7,17,.72);
  backdrop-filter:blur(18px);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.14);
}
.nav .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:24px;
  min-height:68px;
}
.brand{font-weight:700;font-size:22px;line-height:1}
.brand-home{
  border:0;
  background:transparent;
  color:inherit;
  padding:0;
  text-align:left;
  cursor:pointer;
}
.brand-home:hover .n,
.brand-home:focus-visible .n{
  filter:brightness(1.16);
  text-shadow:0 0 20px rgba(255,215,0,.32);
}
.brand-home:focus-visible{
  outline:2px solid rgba(0,229,255,.55);
  outline-offset:6px;
  border-radius:6px;
}
.brand .k{color:var(--cyan)}
.brand .n{
  color:#fff6d8;
  background:linear-gradient(90deg,#fff 0%,#fff3b0 42%,#ffd700 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.brand small{
  display:block;
  margin-top:4px;
  font-size:10px;
  font-weight:700;
  color:var(--dim2);
  letter-spacing:.28em;
}
.nav-timebar{
  flex:0 1 285px;
  min-width:210px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:8px 13px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(255,215,0,.13), rgba(0,229,255,.1));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 30px rgba(0,0,0,.18);
  white-space:nowrap;
}
.nav-timebar span{
  color:var(--dim2);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.nav-timebar b{
  color:#fff;
  font-size:14px;
  line-height:1;
}
.nav-timebar.is-pending b{color:var(--gold)}
.nav-timebar.is-active b{color:var(--green)}
.nav-timebar.is-ended b{color:#ff9b9b}
.nav .links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav .links a{
  padding:9px 13px;
  border-radius:999px;
  color:var(--dim);
  font-weight:600;
  font-size:14px;
  cursor:pointer;
  transition:background .2s,color .2s,transform .2s;
}
.nav .links a:hover{
  color:#fff;
  background:rgba(255,255,255,.05);
}
.nav .links a.active{
  color:#fff;
  background:rgba(255,255,255,.06);
}
.nav .cta{
  background:linear-gradient(135deg, var(--green), #7dffcb);
  color:#03130c !important;
  box-shadow:0 14px 30px rgba(0,255,148,.22);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:none;
  cursor:pointer;
  font-weight:800;
  padding:13px 24px;
  border-radius:14px;
  font-size:15px;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease, border-color .18s ease;
  letter-spacing:0;
}
.btn:hover{transform:translateY(-2px)}
.btn.sm{padding:9px 16px;font-size:13px}
.btn-cyan{
  background:linear-gradient(135deg, #46ecff, #00c8ff);
  color:#04121a;
  box-shadow:0 16px 32px rgba(0,229,255,.22);
}
.btn-green{
  background:linear-gradient(135deg, var(--green), #7dffcb);
  color:#04110a;
  box-shadow:0 16px 32px rgba(0,255,148,.22);
}
.btn-zalo{
  background:linear-gradient(135deg, #0f7cff, #0059ff);
  color:#fff;
  box-shadow:0 16px 32px rgba(0,104,255,.24);
}
.btn-tele{
  background:linear-gradient(135deg, #58d8ff, #1695ff);
  color:#04131c;
  box-shadow:0 16px 32px rgba(22,149,255,.24);
}
.btn-group{
  background:linear-gradient(135deg, #00ff94, #62e8ff);
  color:#04131c;
  box-shadow:0 16px 32px rgba(0,255,148,.18);
}
.btn-form{
  background:linear-gradient(135deg, #fffdf6, #dcefff);
  color:#07131c;
  box-shadow:0 16px 32px rgba(255,255,255,.12);
}
.btn-claude{
  background:linear-gradient(135deg, #c9d9ff, #87a9ff);
  color:#081221;
  box-shadow:0 16px 32px rgba(135,169,255,.24);
}
.btn-hermes{
  background:linear-gradient(135deg, #c997ff, #7d7bff);
  color:#081021;
  box-shadow:0 16px 32px rgba(125,123,255,.24);
}
.btn-ghost{
  background:rgba(255,255,255,.06);
  color:var(--dim);
  cursor:not-allowed;
}
.btn-ghost:hover{transform:none}
.btn-outline{
  background:transparent;
  border:1px solid rgba(0,229,255,.32);
  color:var(--cyan);
}
.btn-outline:hover{border-color:rgba(0,229,255,.54)}

.hero{
  position:relative;
  min-height:calc(100vh - 78px);
  padding:92px 0 70px;
  overflow:hidden;
  background:
    radial-gradient(720px 420px at 47% 34%, rgba(0,229,255,.12), transparent 62%),
    linear-gradient(90deg, rgba(3,7,17,.92) 0%, rgba(3,7,17,.72) 43%, rgba(3,7,17,.48) 68%, rgba(3,7,17,.76) 100%),
    linear-gradient(180deg, rgba(3,7,17,.38), rgba(3,7,17,.96)),
    url("assets/hero-trading-bg.jpg") center center / cover no-repeat;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 16%, transparent 72%, rgba(3,7,17,.92)),
    radial-gradient(540px 280px at 68% 36%, rgba(0,255,148,.1), transparent 66%),
    radial-gradient(720px 420px at 26% 42%, rgba(0,0,0,.52), transparent 72%);
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:88px 88px;
  opacity:.18;
  mask-image:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,0));
}
.hero-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:32px;
  align-items:start;
}
.hero-lower-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:32px;
  align-items:start;
  margin-top:16px;
}
.hero-copy{max-width:640px}
.kicker{
  display:inline-block;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.12);
  border-radius:0;
  padding:15px 18px;
  margin-bottom:18px;
  box-shadow:0 22px 60px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
}
.kicker .big{font-size:19px;font-weight:800}
.kicker .small{font-size:13px;color:var(--dim);margin-top:4px}
.hero-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:20px;
}
.hero-pills span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:var(--dim);
  font-size:13px;
  font-weight:700;
  backdrop-filter:blur(10px);
}
.hero-est{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin:4px 0 18px;
  color:rgba(255,215,0,.78);
  font-size:12px;
  font-weight:900;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.hero-est::before{
  content:"";
  display:inline-block;
  width:46px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,215,0,.75));
}
.hero-est::after{
  content:"";
  display:inline-block;
  width:46px;
  height:1px;
  background:linear-gradient(90deg, rgba(255,215,0,.75), transparent);
}
.hero h1{
  font-family:var(--font-luxury);
  font-size:clamp(58px,8.2vw,132px);
  font-weight:600;
  line-height:.88;
  max-width:9.5ch;
  text-transform:uppercase;
  letter-spacing:.13em;
  color:rgba(255,255,255,.94);
  text-shadow:0 22px 80px rgba(0,0,0,.78), 0 0 28px rgba(0,229,255,.08);
}
.hero h1 .glow{
  color:rgba(255,255,255,.9);
  text-shadow:0 0 28px rgba(0,229,255,.18);
}
.hero p.sub{
  margin-top:18px;
  max-width:620px;
  color:var(--dim);
  font-size:clamp(15px,2vw,18px);
}
.hero-signature{
  font-family:var(--font-luxury);
  color:rgba(255,255,255,.82) !important;
  font-size:clamp(21px,2.2vw,29px) !important;
  font-style:italic;
  line-height:1.25;
}
.hero .actions{
  display:flex;
  gap:12px;
  justify-content:flex-start;
  flex-wrap:wrap;
  margin-top:26px;
}
.hero-stage{
  display:grid;
  gap:16px;
  align-content:start;
}
.hero-panel,
.card,
.step,
.tier,
.panel,
.rule,
.faq,
.tele-box,
.cta-box,
.mr-card,
.feat{
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px);
}
.hero-panel{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  padding:24px;
  background:linear-gradient(180deg, rgba(14,23,40,.86), rgba(8,12,22,.94));
  border:1px solid var(--line);
}
.hero-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.05), transparent 26%);
  pointer-events:none;
}
.hero-title-panel{
  padding:22px 24px;
}
.hero-title-panel .hero-panel-top{
  margin-bottom:0;
}
.hero-main-panel{
  min-height:0;
  display:grid;
  gap:18px;
}
.hero-panel-top,
.hero-board-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.hero-panel-top{margin-bottom:18px}
.hero-label{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--cyan);
  opacity:.82;
}
.hero-panel h3{
  margin-top:8px;
  font-size:27px;
  line-height:1.05;
}
.hero-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(0,255,148,.08);
  border:1px solid rgba(0,255,148,.18);
  font-size:12px;
  font-weight:800;
  color:var(--green);
}
.hero-live span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 16px rgba(0,255,148,.8);
}
.hero-kpis{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:0;
}
.hero-kpi{
  min-height:108px;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.hero-kpi-label{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--dim2);
  font-weight:700;
}
.hero-kpi strong{
  font-size:30px;
  line-height:1;
  color:#fff;
}
.hero-kpi small{
  color:var(--dim);
  font-size:13px;
}
.hero-board{
  position:relative;
  z-index:1;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
}
.hero-board-title{
  font-size:15px;
  font-weight:700;
  color:#fff;
}
.hero-board-meta{
  color:var(--dim2);
  font-size:12px;
  font-weight:700;
}
.hero-leaders{
  margin-top:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.hero-leader{
  padding:14px 14px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}
.hero-leader-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
}
.hero-rank{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(0,229,255,.18), rgba(255,255,255,.06));
  border:1px solid rgba(0,229,255,.22);
  color:var(--cyan);
  font-weight:800;
}
.hero-trader-name{
  font-weight:700;
  color:#fff;
  font-size:15px;
}
.hero-trader-sub{
  color:var(--dim2);
  font-size:12px;
  margin-top:2px;
  font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;
}
.hero-score{
  text-align:right;
  font-weight:800;
  font-size:24px;
  color:var(--cyan);
}
.hero-bar{
  margin-top:12px;
  height:8px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.06);
}
.hero-bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, var(--cyan), var(--green));
  box-shadow:0 0 18px rgba(0,229,255,.28);
}
.hero-leader-stats{
  margin-top:10px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  color:var(--dim);
  font-size:12px;
}
.hero-empty{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px dashed rgba(255,255,255,.12);
  color:var(--dim);
  text-align:center;
}
.hero-side-panel h3{margin-bottom:16px}
.hero-guards{
  display:grid;
  gap:10px;
}
.hero-guard{
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.hero-guard-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.hero-guard-top strong{
  font-size:14px;
  color:#fff;
}
.hero-guard-badge{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.hero-guard-badge.ok{
  background:rgba(0,255,148,.1);
  color:var(--green);
}
.hero-guard-badge.info{
  background:rgba(0,229,255,.1);
  color:var(--cyan);
}
.hero-guard p{
  color:var(--dim);
  font-size:13px;
}
.hero-ticker{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.hero-ticker span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:12px;
  color:var(--dim);
  font-weight:700;
}

.prizepool{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:18px;
  flex-wrap:wrap;
  margin:28px 0 0;
  padding:18px 22px;
  max-width:760px;
  border-radius:20px;
  background:linear-gradient(135deg, rgba(255,215,0,.12), rgba(0,255,148,.1));
  border:1px solid rgba(255,215,0,.22);
}
.pp-item{text-align:left}
.pp-lbl{
  font-size:11px;
  color:var(--dim);
  text-transform:uppercase;
  letter-spacing:.12em;
}
.pp-val{font-size:34px;font-weight:700;line-height:1.02}
.pp-val.green{color:var(--green)}
.pp-val.cyan{color:var(--cyan)}
.pp-sub{font-size:12px;color:var(--dim2);margin-top:4px}
.pp-div{width:1px;height:46px;background:var(--line)}

.prop-strip{
  position:relative;
  z-index:2;
  margin-top:-22px;
  padding:0 0 26px;
}
.prop-strip-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.prop-strip-item{
  min-height:116px;
  padding:18px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(13,24,42,.92),rgba(6,12,22,.96));
  box-shadow:0 18px 46px rgba(0,0,0,.28);
}
.prop-strip-item span{
  display:block;
  color:var(--cyan);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0;
}
.prop-strip-item strong{
  display:block;
  margin-top:6px;
  color:#fff;
  font-size:22px;
  line-height:1.12;
}
.prop-strip-item small{
  display:block;
  margin-top:8px;
  color:var(--dim);
  font-size:12px;
  line-height:1.45;
}
.hero-prop-list{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  align-self:start;
}
.hero-prop-list .prop-strip-item{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(118px,.42fr) minmax(0,.58fr);
  column-gap:18px;
  row-gap:4px;
  align-items:center;
  padding:18px 20px;
  border-radius:18px;
}
.hero-prop-list .prop-strip-item span{
  grid-column:1;
}
.hero-prop-list .prop-strip-item strong{
  grid-column:1;
  margin-top:4px;
}
.hero-prop-list .prop-strip-item small{
  grid-column:2;
  grid-row:1 / span 2;
  margin-top:0;
  font-size:13px;
}

section.block{position:relative;padding:72px 0}
.sec-head{text-align:center;margin-bottom:38px}
.sec-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,215,0,.12);
  border:1px solid rgba(255,215,0,.18);
  color:var(--gold);
  font-weight:800;
  font-size:12px;
  margin-bottom:14px;
  letter-spacing:.06em;
}
.sec-head h2{font-size:clamp(28px,3.8vw,44px);font-weight:700;line-height:1.04}
.sec-head p{color:var(--dim);margin-top:10px}
.bg-grad{
  background:
    linear-gradient(180deg, rgba(7,17,31,.66), rgba(3,7,17,.92)),
    linear-gradient(135deg, rgba(0,229,255,.03), transparent 35%);
}
.bg-grad2{
  background:
    linear-gradient(180deg, rgba(9,17,31,.88), rgba(5,9,17,.96)),
    linear-gradient(315deg, rgba(0,255,148,.025), transparent 36%);
}

.challenge-suite{
  background:
    linear-gradient(180deg, rgba(238,245,255,.03), rgba(3,7,17,.94)),
    linear-gradient(135deg, rgba(0,229,255,.06), rgba(255,215,0,.025) 46%, rgba(0,255,148,.04));
}
.challenge-suite-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:26px;
}
.challenge-suite-head h2{
  font-size:clamp(32px,4vw,52px);
  line-height:1.02;
}
.challenge-suite-head p{
  max-width:720px;
  margin-top:12px;
  color:var(--dim);
}
.suite-status{
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  background:rgba(0,255,148,.1);
  border:1px solid rgba(0,255,148,.22);
  color:var(--green);
  font-size:13px;
  font-weight:900;
}
.suite-status span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 18px rgba(0,255,148,.8);
}
.challenge-suite-grid{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);
  gap:24px;
  align-items:stretch;
}
.challenge-offer,
.objective-table{
  min-width:0;
  border-radius:8px;
  background:linear-gradient(180deg,rgba(14,23,40,.9),rgba(7,12,22,.98));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:var(--shadow);
}
.challenge-offer{
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.offer-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.offer-top span,
.offer-reward span,
.objective-table-head span,
.objective-row span{
  display:block;
  color:var(--dim2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.offer-top strong{
  display:block;
  margin-top:8px;
  font-size:56px;
  line-height:.92;
  color:#fff;
}
.offer-badge{
  flex:none;
  border-radius:999px;
  padding:7px 11px;
  background:rgba(0,229,255,.12);
  border:1px solid rgba(0,229,255,.26);
  color:var(--cyan);
  font-size:12px;
  font-weight:900;
}
.offer-reward{
  padding:20px;
  border-radius:8px;
  background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(0,255,148,.06));
  border:1px solid rgba(255,215,0,.18);
}
.offer-reward b{
  display:block;
  margin-top:6px;
  color:var(--gold);
  font-size:26px;
  line-height:1.1;
}
.offer-reward small{
  display:block;
  margin-top:8px;
  color:var(--dim);
  font-size:13px;
  line-height:1.45;
}
.offer-prizes{
  display:grid;
  gap:11px;
  margin:4px 0 6px;
}
.offer-prizes div{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:60px;
  padding:10px 12px;
  border-radius:8px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
}
.offer-prizes b{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:8px;
  background:rgba(0,229,255,.12);
  color:var(--cyan);
  font-size:13px;
}
.offer-prize-copy{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.offer-prize-name{
  min-width:0;
  flex:1 1 auto;
  font-size:13px;
  color:#fff;
  font-weight:800;
  line-height:1.25;
}
.offer-prize-copy small{
  flex:none;
  max-width:52%;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,215,0,.1);
  border:1px solid rgba(255,215,0,.2);
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  line-height:1.15;
  text-align:right;
  white-space:normal;
}
.challenge-offer .btn{
  width:100%;
}
.objective-table{
  overflow:hidden;
}
.objective-table-head{
  min-height:74px;
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:rgba(255,255,255,.035);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.objective-table-head b{
  color:#fff;
  font-size:20px;
}
.objective-row{
  display:grid;
  grid-template-columns:minmax(150px,.8fr) minmax(150px,.8fr) minmax(190px,1fr);
  gap:16px;
  align-items:center;
  min-height:72px;
  padding:14px 20px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.objective-row > *{min-width:0}
.objective-row:last-child{border-bottom:none}
.objective-row b{
  color:#fff;
  font-size:18px;
  line-height:1.15;
}
.objective-row small{
  color:var(--dim);
  font-size:13px;
  line-height:1.4;
}
.objective-row.ok b{color:var(--green)}
.objective-row.danger b{color:var(--red)}
.challenge-timeline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.challenge-timeline div{
  min-width:0;
  min-height:136px;
  padding:17px;
  border-radius:8px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.challenge-timeline span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:8px;
  background:linear-gradient(135deg,var(--cyan),var(--green));
  color:#04121a;
  font-weight:900;
  font-size:13px;
}
.challenge-timeline b{
  display:block;
  margin-top:12px;
  color:#fff;
  font-size:16px;
  line-height:1.2;
}
.challenge-timeline small{
  display:block;
  margin-top:8px;
  color:var(--dim);
  font-size:12px;
  line-height:1.42;
}
.challenge-specs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.challenge-specs div{
  min-width:0;
  padding:16px;
  border-radius:8px;
  background:rgba(3,7,17,.42);
  border:1px solid rgba(255,255,255,.08);
}
.challenge-specs span{
  display:block;
  color:var(--dim2);
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.challenge-specs b{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:18px;
  line-height:1.15;
}
.challenge-specs small{
  display:block;
  margin-top:7px;
  color:var(--dim);
  font-size:12px;
  line-height:1.42;
}

.tiers{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.tier{
  position:relative;
  min-width:0;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border:1px solid rgba(0,229,255,.18);
  border-radius:22px;
  padding:24px 20px 20px;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.tier:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.22);
}
.tier.t-500usd{border-color:rgba(80,140,255,.24)}
.tier.t-1000usd{border-color:rgba(155,89,182,.26)}
.tier.locked{opacity:.68}
.badge{
  position:absolute;
  top:-11px;
  left:50%;
  transform:translateX(-50%);
  font-size:11px;
  font-weight:800;
  padding:4px 12px;
  border-radius:999px;
}
.badge.live{background:var(--green);color:#04110a;animation:pulse 1.6s infinite}
.badge.soon{background:#273345;color:var(--dim)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}
.tier-dep{font-size:34px;font-weight:700;text-align:center;color:var(--cyan)}
.tier.t-500usd .tier-dep{color:#80a9ff}
.tier.t-1000usd .tier-dep{color:#c69cff}
.tier-sub{text-align:center;color:var(--dim);font-size:12px;margin-top:4px}
.tier-prize{
  margin:16px 0;
  padding:14px;
  border-radius:16px;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.05);
}
.tp-val{text-align:center;font-size:26px;font-weight:700;color:var(--green)}
.tier-meta{font-size:13px;margin-bottom:12px}
.trow{display:flex;justify-content:space-between;padding:4px 0;color:var(--dim)}
.tier-top{max-width:100%;border-top:1px solid var(--line);padding-top:12px;margin-bottom:16px}
.tt-h{font-size:11px;color:var(--dim2);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}
.tt-list{margin-top:14px}
.tier .btn{width:100%}
.top-prize-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:8px 0 6px;
}
.top-prize-button{
  min-width:0;
  min-height:96px;
  padding:14px 13px;
  border:1px solid rgba(96,202,218,.24);
  border-radius:999px;
  background:
    linear-gradient(180deg, rgba(46,130,148,.34), rgba(15,24,38,.94)),
    radial-gradient(circle at 50% -12%, rgba(0,229,255,.2), transparent 58%);
  color:#fff;
  cursor:pointer;
  text-align:center;
  box-shadow:0 18px 42px -34px rgba(0,0,0,.9);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.top-prize-button span{
  display:block;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.top-prize-button b{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:15px;
  line-height:1.18;
}
.top-prize-button small{
  display:block;
  margin-top:7px;
  color:var(--dim);
  font-size:12px;
  font-weight:900;
  line-height:1.2;
}
.top-prize-button:hover{
  transform:translateY(-5px) scale(1.03);
  border-color:rgba(255,215,0,.9);
  box-shadow:
    0 0 0 1px rgba(255,215,0,.22),
    0 24px 68px -32px rgba(255,215,0,.62);
}
.prize-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  width:100%;
}
.prize-card{
  min-height:190px;
  padding:14px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
  text-align:center;
}
.prize-img{
  height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
  border-radius:14px;
  background:none;
  overflow:visible;
}
.prize-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:normal;
}
.prize-rank{
  color:var(--gold);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.prize-name{
  margin-top:5px;
  color:#fff;
  font-weight:800;
  font-size:14px;
  line-height:1.25;
}

.objectives-block{
  background:linear-gradient(180deg,rgba(4,10,18,.96),rgba(9,16,28,.92));
}
.objective-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.objective-card{
  min-height:172px;
  padding:20px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.085);
}
.objective-card.primary{border-color:rgba(0,229,255,.28);background:linear-gradient(160deg,rgba(0,229,255,.12),rgba(255,255,255,.025))}
.objective-card.warn{border-color:rgba(255,107,107,.24);background:linear-gradient(160deg,rgba(255,107,107,.1),rgba(255,255,255,.025))}
.objective-card.ok{border-color:rgba(0,255,148,.24);background:linear-gradient(160deg,rgba(0,255,148,.1),rgba(255,255,255,.025))}
.objective-label{
  color:var(--dim2);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
}
.objective-card strong{
  display:block;
  margin-top:10px;
  color:#fff;
  font-size:26px;
  line-height:1.08;
}
.objective-card p{margin-top:10px;color:var(--dim);font-size:13px;line-height:1.55}
.objective-note{
  margin-top:16px;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(0,229,255,.16);
  background:rgba(0,229,255,.055);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.objective-note span{color:var(--cyan);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.objective-note b{font-size:14px;color:#fff;text-align:right}
.challenge-lab{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:18px;
  margin-top:22px;
}
.challenge-card{
  padding:22px;
  border-radius:8px;
  background:linear-gradient(180deg,rgba(14,23,40,.86),rgba(7,12,22,.96));
  border:1px solid rgba(255,255,255,.1);
  box-shadow:var(--shadow);
}
.challenge-card.primary{
  border-color:rgba(0,229,255,.24);
  background:
    linear-gradient(180deg,rgba(0,229,255,.08),transparent 48%),
    linear-gradient(180deg,rgba(14,23,40,.9),rgba(7,12,22,.98));
}
.challenge-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.challenge-card h3{
  margin-top:8px;
  font-size:26px;
  line-height:1.08;
}
.challenge-price{
  flex:none;
  min-width:86px;
  text-align:center;
  padding:10px 12px;
  border-radius:8px;
  background:rgba(0,255,148,.12);
  border:1px solid rgba(0,255,148,.22);
  color:var(--green);
  font-weight:900;
  font-size:24px;
}
.challenge-matrix{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.challenge-matrix div{
  min-height:86px;
  padding:14px;
  border-radius:8px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.challenge-matrix span,
.mini-metric span{
  display:block;
  color:var(--dim2);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0;
}
.challenge-matrix b{
  display:block;
  margin-top:9px;
  color:#fff;
  font-size:18px;
  line-height:1.2;
}
.challenge-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
  color:var(--dim);
  font-size:13px;
}
.review-steps{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.review-steps div{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:center;
  min-height:72px;
  padding:12px;
  border-radius:8px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.review-steps b{
  color:var(--gold);
  font-size:18px;
}
.review-steps span{
  color:var(--dim);
  font-size:13px;
  line-height:1.45;
}
.phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.phase-card{
  position:relative;
  padding:26px 22px 22px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.026));
  border:1px solid rgba(255,255,255,.085);
}
.phase-num{
  width:42px;
  height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#04121a;
  background:linear-gradient(135deg,var(--cyan),var(--green));
  font-weight:900;
  margin-bottom:16px;
}
.phase-card h3{font-size:20px;margin-bottom:8px}
.phase-card p{color:var(--dim);font-size:14px;line-height:1.55}
.phase-card ul{list-style:none;margin-top:14px;color:#fff;font-size:13px}
.phase-card li{padding:7px 0;border-top:1px solid rgba(255,255,255,.07)}
.phase-card li::before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}

.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.grid5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:24px;
  transition:transform .18s ease, border-color .18s ease;
}
.card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.14);
}
.card.center{text-align:center}
.ic{
  width:58px;
  height:58px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  margin:0 auto 14px;
}
.ic.g{background:rgba(0,255,148,.16)}
.ic.c{background:rgba(0,229,255,.16)}
.ic.y{background:rgba(255,215,0,.16)}
.ic.p{background:rgba(155,89,182,.16)}
.ic.r{background:rgba(255,107,107,.16)}
.card h3{font-size:20px;margin-bottom:8px}
.card p{color:var(--dim);font-size:14px}
.code{
  display:inline-block;
  margin-top:10px;
  padding:6px 10px;
  border-radius:10px;
  background:rgba(0,229,255,.08);
  color:var(--cyan);
  font-family:ui-monospace,monospace;
  font-size:12px;
}
.card .tag{
  position:absolute;
  top:12px;
  right:12px;
  font-size:11px;
  font-weight:800;
  padding:4px 9px;
  border-radius:999px;
}
.relative{position:relative}

.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.step{
  position:relative;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:28px 24px 24px;
}
.step .num{
  position:absolute;
  top:-14px;
  left:20px;
  color:#04121a;
  font-weight:800;
  font-size:13px;
  padding:4px 12px;
  border-radius:999px;
}
.step .num.c{background:var(--cyan)}
.step .num.g{background:var(--green)}
.step .num.y{background:var(--gold)}
.step .em{font-size:30px;margin:8px 0 10px;display:block}

.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ex-row{
  position:relative;
  border-radius:16px;
  padding:16px 16px 16px 20px;
  margin-bottom:12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.ex-1{background:linear-gradient(90deg, rgba(255,215,0,.18), transparent);border:1px solid rgba(255,215,0,.28)}
.ex-2{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.ex-row .badge2{
  position:absolute;
  top:-10px;
  left:-10px;
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  color:#fff;
}
.ex-1 .badge2{background:var(--gold);color:#000}
.ex-2 .badge2{background:#46535f}
.ex-score{font-size:26px;font-weight:700;color:#b07bd4;text-align:right}
.ex-score small{display:block;font-size:11px;color:var(--dim2);font-weight:400}
.note{
  background:rgba(155,89,182,.1);
  border:1px solid rgba(155,89,182,.22);
  border-radius:12px;
  padding:12px;
  text-align:center;
  font-size:14px;
  color:var(--dim);
}
.feat{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:16px;
  display:flex;
  gap:14px;
  margin-bottom:12px;
  align-items:flex-start;
}
.feat .fic{
  width:46px;
  height:46px;
  border-radius:14px;
  flex:0 0 46px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
}
.feat h4{font-size:15px;margin-bottom:4px}
.feat p{font-size:13px;color:var(--dim)}
.xau{border:1px solid rgba(255,107,107,.22);background:rgba(255,107,107,.05)}
.xau ul{list-style:none;font-size:13.5px;color:var(--txt)}
.xau li{display:flex;gap:8px;margin-top:8px}

.lb-head{text-align:center;margin-bottom:22px}
.lb-head h1{font-size:clamp(28px,4vw,48px);font-weight:700}
.chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
  margin:10px 0;
}
.chip{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:var(--dim);
  font-weight:700;
  font-size:14px;
  padding:9px 15px;
  border-radius:999px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}
.chip:hover{color:#fff;border-color:rgba(255,255,255,.16)}
.chip.on{
  background:linear-gradient(135deg, var(--gold), #ffa500);
  color:#1a1200;
  border-color:transparent;
}
.chip.dis{opacity:.42;cursor:not-allowed}
.board-desc{text-align:center;color:var(--dim2);font-size:13px;margin:4px 0 18px}
.panel{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  overflow:hidden;
}
.panel .ph{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-weight:700;
}
.leaderboard-titlebar{flex-wrap:wrap}
.lb-title-main{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.lb-rank-search{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:300px;
  max-width:430px;
  flex:1 1 330px;
  justify-content:flex-end;
}
.lb-rank-search input{
  width:100%;
  min-width:0;
  height:38px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  padding:0 12px;
  color:#fff;
  outline:none;
  font-size:13px;
}
.lb-rank-search input:focus{border-color:rgba(0,229,255,.45);box-shadow:0 0 0 3px rgba(0,229,255,.08)}
.lb-rank-result:empty{display:none}
.lb-rank-result{
  padding:14px 18px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.lb-rank-result .mr-card{
  margin-bottom:14px;
  padding:16px;
  border-radius:16px;
}
.lb-rank-result .mr-big{font-size:22px}
table{width:100%;border-collapse:collapse}
#lb-table,
#winners-list{
  overflow-x:auto;
  max-width:100%;
}
#lb-table table{
  min-width:760px;
}
thead tr{background:rgba(255,255,255,.03);font-size:12.5px;color:var(--dim)}
th,td{padding:13px 16px;text-align:left}
tbody tr{border-top:1px solid rgba(255,255,255,.05)}
tbody tr:hover{background:rgba(255,255,255,.03)}
tbody tr.top{background:linear-gradient(90deg, rgba(255,255,255,.04), transparent)}
.rank{font-size:18px;font-weight:800;color:var(--dim)}
.rank.r1{color:var(--gold)}
.rank.r2{color:#c8cdd4}
.rank.r3{color:#cd7f32}
.tg{font-weight:600}
.acc{font-size:11px;color:var(--dim2);font-family:ui-monospace,monospace}
.pill{
  background:rgba(255,215,0,.18);
  color:var(--gold);
  font-weight:800;
  font-size:13px;
  padding:4px 9px;
  border-radius:8px;
}
.empty{text-align:center;color:var(--dim);padding:42px 0}
.empty .btn{margin-top:14px}
.dq{
  margin-top:14px;
  background:rgba(255,107,107,.07);
  border:1px solid rgba(255,107,107,.2);
  border-radius:14px;
  padding:12px 16px;
  font-size:13px;
  color:var(--dim);
}
.dq span{color:var(--red);cursor:help;border-bottom:1px dashed rgba(255,107,107,.4)}

.rule{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:18px;
  margin-bottom:12px;
}
.rules-notice,
.rules-warning{
  margin-bottom:14px;
  border-radius:18px;
  padding:20px;
  border:1px solid rgba(255,215,0,.22);
  background:
    linear-gradient(180deg, rgba(255,215,0,.12), rgba(255,255,255,.035)),
    linear-gradient(135deg, rgba(0,229,255,.06), transparent 48%);
}
.rules-notice-kicker{
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.rules-notice h3,
.rules-warning h3{
  margin-top:8px;
  color:#fff;
  font-size:22px;
  line-height:1.18;
}
.rules-notice p{
  margin-top:10px;
  color:var(--dim);
}
.rules-notice p b{
  color:var(--green);
}
.rules-notice small{
  display:block;
  margin-top:8px;
  color:var(--dim2);
  font-size:12px;
}
.rules-warning{
  border-color:rgba(255,107,107,.28);
  background:
    linear-gradient(180deg, rgba(255,107,107,.12), rgba(255,255,255,.035)),
    linear-gradient(135deg, rgba(255,215,0,.06), transparent 48%);
}
.rules-warning p{
  margin-top:10px;
  color:var(--dim);
  font-size:14px;
}
.rules-warning b{
  display:block;
  margin-top:12px;
  color:var(--gold);
}
.rule h4{
  font-size:16px;
  margin-bottom:6px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.rule .st{
  font-size:11px;
  font-weight:800;
  padding:3px 8px;
  border-radius:999px;
}
.st.ok{background:rgba(0,255,148,.16);color:var(--green)}
.st.warn{background:rgba(255,215,0,.16);color:var(--gold)}
.rule p{color:var(--dim);font-size:14px}
.rule code{
  background:rgba(0,229,255,.08);
  color:var(--cyan);
  padding:2px 7px;
  border-radius:6px;
  font-size:12.5px;
}

.cta-box{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(0,229,255,.2);
  border-radius:28px;
  padding:48px 28px;
  text-align:center;
  max-width:780px;
  margin:0 auto;
}
.zalo-line{margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.portal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  width:100%;
}
.portal-grid-inline{
  max-width:860px;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}
.portal-grid-center{
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
}
.portal-grid-single{
  grid-template-columns:1fr;
  max-width:360px;
}
.portal-btn{
  min-height:52px;
  padding:0 16px;
  width:100%;
  min-width:0;
  font-size:14px;
}
.btn-tele.portal-btn{
  min-height:56px;
  padding-left:30px;
  padding-right:30px;
  border-radius:999px;
}
.portal-note{
  width:100%;
  color:var(--dim2);
  font-size:12px;
  line-height:1.6;
}
.hero .portal-note{text-align:left}
.contact-duo{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
}
.contact-duo-inline{
  align-items:center;
}
.hero .actions .contact-duo-inline{
  justify-content:flex-start;
}
.hero .actions .contact-duo-inline .btn{
  width:auto;
}
footer{
  border-top:1px solid rgba(255,255,255,.08);
  padding:8px 0 10px;
  color:var(--dim2);
  font-size:11px;
  line-height:1.25;
}
footer .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:5px 12px;
}
footer .wrap > div:last-child{
  gap:12px !important;
}
footer a{color:var(--dim)}
footer a:hover{color:#fff}
.zalo-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:60;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:52px;
  padding:0 18px;
  border-radius:999px;
  background:linear-gradient(135deg, #0f7cff, #0059ff);
  color:#fff;
  font-weight:700;
  box-shadow:0 16px 34px rgba(0,104,255,.34);
  transition:transform .18s ease;
}
.zalo-float:hover{transform:translateY(-2px)}
.disclaimer{
  max-width:760px;
  margin:7px auto 0;
  color:var(--dim2);
  font-size:10.5px;
  text-align:center;
  line-height:1.38;
}

[data-view="register"] section.block{
  padding:34px 0 18px;
}
[data-view="register"] .cta-box{
  max-width:640px;
  padding:32px 24px 28px;
  border-radius:22px;
}
[data-view="register"] .cta-box h2{
  margin:0;
  font-size:28px !important;
  line-height:1.12;
}
[data-view="register"] .cta-box p{
  margin-top:7px !important;
  max-width:500px !important;
  font-size:14px;
  line-height:1.5;
}
[data-view="register"] .portal-grid{
  margin-top:18px !important;
}
[data-view="register"] .actions{
  margin-top:12px !important;
}
[data-view="register"] .btn-tele.portal-btn{
  min-height:48px;
}
[data-view="register"] .disclaimer{
  margin-top:8px;
  max-width:700px;
}
.register-layout{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:22px;
  align-items:stretch;
}
.register-copy,
.register-form{
  border:1px solid rgba(232,207,154,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    rgba(11,10,8,.76);
  box-shadow:0 26px 86px -58px rgba(240,213,143,.4);
}
.register-copy{
  padding:30px 28px;
  border-radius:24px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:100%;
}
.register-copy h2{
  margin:8px 0 12px;
  font-size:clamp(28px,4vw,48px);
  line-height:1.05;
  color:#fff;
}
.register-copy p{
  color:rgba(246,242,231,.76);
  font-size:15px;
  line-height:1.66;
}
.register-step-eyebrow{
  display:inline-flex;
  align-items:center;
  margin:10px 0 12px;
  padding:7px 13px;
  border-radius:999px;
  border:1px solid rgba(240,213,143,.24);
  background:rgba(240,213,143,.08);
  color:#f6e4ad;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.register-steps{
  display:grid;
  gap:10px;
  margin:18px 0 20px;
}
.register-steps div{
  display:grid;
  grid-template-columns:48px 1fr;
  align-items:center;
  gap:12px;
  padding:12px 13px;
  border-radius:16px;
  border:1px solid rgba(232,207,154,.12);
  background:rgba(255,244,220,.045);
}
.register-steps b{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:linear-gradient(135deg,#f0d58f,#a66f35);
  color:#111;
  font-size:13px;
}
.register-steps span{
  color:#fff;
  font-weight:800;
  line-height:1.25;
}
.register-steps small{
  display:block;
  margin-top:5px;
  color:rgba(246,242,231,.62);
  font-size:12.5px;
  font-weight:600;
  line-height:1.45;
}
.register-actions{
  justify-content:flex-start;
  margin-top:18px;
}
.register-form{
  padding:24px;
  border-radius:24px;
}
.form-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-end;
  margin-bottom:18px;
}
.form-head span{
  color:var(--champagne);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.form-head b{
  color:#fff;
  font-size:22px;
  line-height:1.1;
}
.form-grid,
.mt5-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.register-form label{
  display:grid;
  gap:7px;
}
.register-form label.full{grid-column:1 / -1}
.register-form label > span,
.mt5-head span{
  color:rgba(246,242,231,.68);
  font-size:12px;
  font-weight:800;
}
.register-form input,
.register-form select,
.register-form textarea{
  width:100%;
  border:1px solid rgba(232,207,154,.13);
  border-radius:14px;
  background:rgba(4,4,5,.66);
  color:#fff;
  font:inherit;
  outline:none;
  padding:13px 14px;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.register-form textarea{resize:vertical;min-height:92px}
.register-form select{appearance:auto}
.register-form input:focus,
.register-form select:focus,
.register-form textarea:focus{
  border-color:rgba(240,213,143,.55);
  box-shadow:0 0 0 4px rgba(240,213,143,.1);
  background:rgba(8,8,9,.9);
}
.register-form input::placeholder,
.register-form textarea::placeholder{color:rgba(246,242,231,.36)}
.mt5-block{
  margin:18px 0 14px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(232,207,154,.12);
  background:rgba(255,244,220,.035);
}
.mt5-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.mt5-head b{
  color:#fff;
  font-size:15px;
}
.mt5-head span{
  text-align:right;
  max-width:240px;
}
.agree{
  display:flex !important;
  grid-template-columns:18px 1fr;
  align-items:flex-start;
  gap:10px !important;
  margin-top:14px;
  color:rgba(246,242,231,.78);
  font-size:12.5px;
  line-height:1.5;
}
.agree input{
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin-top:2px;
  accent-color:#d8ae56;
}
.form-actions{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr;
  gap:10px;
  margin-top:18px;
}
.form-actions .btn{
  width:100%;
  min-height:48px;
}
.form-status{
  min-height:22px;
  margin-top:12px;
  color:rgba(246,242,231,.7);
  font-size:13px;
  line-height:1.45;
}
.form-status.ok{color:#54e0a6}
.form-status.error{color:#ff8585}
@media(max-width:900px){
  .register-layout{grid-template-columns:1fr}
  .register-copy{min-height:auto}
}
@media(max-width:640px){
  [data-view="register"] section.block{padding-top:18px}
  .register-copy,
  .register-form{
    border-radius:18px;
    padding:18px;
  }
  .register-step-eyebrow{
    margin:8px 0 10px;
  }
  .register-copy h2{
    margin-top:6px;
    font-size:28px;
  }
  .register-copy p{
    font-size:13.5px;
    line-height:1.55;
  }
  .register-steps{
    margin:16px 0 18px;
    gap:8px;
  }
  .register-steps div{
    grid-template-columns:42px 1fr;
    padding:10px;
    border-radius:14px;
  }
  .register-steps b{
    width:34px;
    height:34px;
  }
  .form-head{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .form-grid,
  .mt5-grid,
  .form-actions{
    grid-template-columns:1fr;
  }
  .mt5-block{
    padding:13px;
  }
  .mt5-head{
    flex-direction:column;
    gap:4px;
  }
  .mt5-head span{
    text-align:left;
    max-width:none;
  }
  .register-form input,
  .register-form select,
  .register-form textarea{
    border-radius:13px;
    padding:12px 13px;
  }
}

.cd-wrap{
  text-align:center;
  margin:0 auto 32px;
  max-width:760px;
  padding:18px 22px 20px;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    linear-gradient(90deg, rgba(0,229,255,.09), rgba(0,255,148,.08));
  border:1px solid rgba(0,229,255,.22);
  box-shadow:0 22px 70px -42px rgba(0,229,255,.62);
}
.cd-head{
  color:var(--cyan);
  font-weight:700;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:8px;
}
.cd-status{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  color:#fff;
  max-width:640px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(21px,2.5vw,30px);
  font-weight:400;
  line-height:1.12;
  text-wrap:balance;
  margin-bottom:14px;
}
.cd-status-lead,
.cd-status-time,
.cd-status-note{
  display:block;
  max-width:100%;
}
.cd-status-lead{
  font-size:clamp(21px,2.35vw,30px);
  line-height:1.14;
}
.cd-status-time{
  font-size:clamp(27px,3vw,38px);
  line-height:1.08;
  color:#fffaf0;
}
.cd-status-note{
  margin-top:4px;
  font-family:var(--font-body);
  font-size:clamp(14px,1.35vw,17px);
  font-weight:800;
  line-height:1.42;
  color:#efe7d8;
  letter-spacing:0;
}
.cd-progress-track{
  height:10px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 18px rgba(0,0,0,.4);
}
.cd-progress-track span{
  display:block;
  width:0%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--cyan),var(--green));
  box-shadow:0 0 22px rgba(0,229,255,.5);
  transition:width .8s cubic-bezier(.2,.8,.2,1);
}
.cd-wrap.is-pending .cd-progress-track span{
  background:linear-gradient(90deg,var(--gold),var(--cyan));
}
.cd-wrap.is-ended .cd-progress-track span{
  background:linear-gradient(90deg,var(--gold),rgba(255,107,107,.9));
}
.cd-meta{
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin:10px 2px 14px;
  color:var(--dim);
  font-size:12px;
  font-weight:700;
}
.cd{display:flex;gap:10px;justify-content:center}
.cd-box{
  min-width:68px;
  padding:12px 4px;
  border-radius:14px;
  background:rgba(0,0,0,.42);
}
.cd-num{
  font-size:30px;
  font-weight:700;
  color:#fff;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.cd-lbl{font-size:11px;color:var(--dim);margin-top:6px}
.cd-end,.cd-end-state{color:var(--gold);font-weight:700}

.trust-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  margin-top:26px;
}
.trust-strip span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(0,255,148,.08);
  border:1px solid rgba(0,255,148,.2);
  color:var(--green);
  font-weight:700;
  font-size:13px;
}

.cockpit-block{
  background:
    linear-gradient(180deg,rgba(0,229,255,.035),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent);
}
.cockpit-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr;
  gap:16px;
}
.cockpit-panel{
  min-height:210px;
  padding:22px;
  border-radius:8px;
  background:linear-gradient(180deg,rgba(14,23,40,.88),rgba(7,12,22,.96));
  border:1px solid rgba(255,255,255,.1);
  box-shadow:var(--shadow);
}
.cockpit-panel.wide{min-height:260px}
.cockpit-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--dim);
  font-size:13px;
  font-weight:800;
}
.status-dot{
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 18px rgba(0,255,148,.8);
}
.cockpit-top b{color:var(--green)}
.cockpit-list{
  display:grid;
  gap:10px;
  margin-top:20px;
}
.cockpit-list div{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  padding:13px;
  border-radius:8px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.cockpit-list span{
  color:var(--cyan);
  font-weight:900;
  grid-row:1 / span 2;
}
.cockpit-list b{
  grid-column:2;
  color:#fff;
  font-size:15px;
}
.cockpit-list small{
  grid-column:2;
  display:block;
  margin-top:3px;
  color:var(--dim);
  font-size:12px;
  line-height:1.4;
}
.mini-metric strong{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:34px;
  line-height:1;
}
.cockpit-panel p{
  margin-top:18px;
  color:var(--dim);
  font-size:14px;
  line-height:1.6;
}

.faq{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:4px 18px;
  margin-bottom:10px;
}
.faq summary{
  cursor:pointer;
  font-weight:700;
  padding:14px 0;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";
  color:var(--cyan);
  font-size:22px;
  font-weight:400;
}
.faq[open] summary::after{content:"−"}
.faq p{color:var(--dim);font-size:14px;padding:0 0 16px}

.tele-box{
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  justify-content:center;
  text-align:left;
  max-width:900px;
  margin:0 auto;
  padding:28px 30px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(0,104,255,.24);
}
.tele-ic{font-size:40px}
.tele-txt{flex:1;min-width:240px}
.tele-txt h3{font-size:20px;margin-bottom:0}
.tele-box-actions{
  align-items:center;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  width:min(100%,760px);
}

.paid,
.pending{
  font-weight:700;
  font-size:12.5px;
  padding:4px 9px;
  border-radius:8px;
  white-space:nowrap;
}
.paid{background:rgba(0,255,148,.16);color:var(--green)}
.pending{background:rgba(255,215,0,.16);color:var(--gold)}

.mr-search{
  display:flex;
  gap:10px;
  max-width:560px;
  margin:0 auto;
}
.mr-search input{
  flex:1;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:13px 16px;
  color:#fff;
  font-size:15px;
  outline:none;
}
.mr-search input:focus{border-color:rgba(0,229,255,.4)}
.mr-card{
  border-radius:20px;
  padding:24px;
  border:1px solid rgba(255,255,255,.08);
}
.mr-card.ok{
  background:linear-gradient(160deg, rgba(0,229,255,.1), transparent);
  border-color:rgba(0,229,255,.26);
}
.mr-card.miss{
  background:linear-gradient(160deg, rgba(255,107,107,.1), transparent);
  border-color:rgba(255,107,107,.24);
}
.mr-h{
  color:var(--dim);
  font-size:13px;
  font-family:ui-monospace,monospace;
  margin-bottom:8px;
}
.mr-big{font-size:26px;font-weight:700;margin-bottom:12px}
.mr-stats{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  color:var(--dim);
  font-size:14px;
  margin-bottom:14px;
}
.mr-stats b{color:#fff}
.mr-chips{display:flex;flex-wrap:wrap;gap:8px}
.mr-chip{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:7px 12px;
  font-size:13px;
  color:var(--dim);
}
.mr-chip b{color:#fff}
.mr-row{font-size:14px;margin-top:4px}

@media(max-width:1100px){
  .hero-shell{grid-template-columns:1fr}
  .hero-lower-shell{grid-template-columns:1fr}
  .hero-copy{max-width:none}
  .hero h1{max-width:none}
  .hero-stage{grid-template-columns:1fr}
  .prop-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-prop-list{grid-template-columns:1fr}
  .cockpit-grid{grid-template-columns:1fr 1fr}
  .cockpit-panel.wide{grid-column:1 / -1}
}

@media(max-width:880px){
  .tiers,
  .grid3,
  .steps,
  .two,
  .grid5{grid-template-columns:1fr}
  .objective-grid,
  .phase-grid,
  .challenge-lab,
  .challenge-suite-grid,
  .cockpit-grid{grid-template-columns:1fr}
  .challenge-suite-head{align-items:flex-start;flex-direction:column}
  .suite-status{align-self:flex-start}
  .challenge-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
  .challenge-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .objective-row{
    grid-template-columns:1fr;
    gap:7px;
    align-items:start;
  }
  .objective-note{align-items:flex-start;flex-direction:column}
  .objective-note b{text-align:left}
  .challenge-footer{align-items:flex-start;flex-direction:column}
  .prize-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
  }
  .prize-card{
    min-height:152px;
    padding:10px 6px;
    border-radius:12px;
  }
  .prize-img{
    height:76px;
    margin-bottom:8px;
    border-radius:10px;
  }
  .prize-rank{font-size:10px}
  .prize-name{
    font-size:11px;
    line-height:1.18;
    overflow-wrap:anywhere;
  }
  .hero{
    padding-top:44px;
    padding-bottom:44px;
  }
  .hero-kpis{grid-template-columns:1fr}
  .nav .links a:not(.cta){display:none}
  .nav-timebar{
    order:3;
    flex:1 0 100%;
    max-width:520px;
    margin:0 auto 8px;
  }
  .pp-div{display:none}
  .prizepool{justify-content:center}
  .pp-item{text-align:center}
  .hero .actions{justify-content:center}
  .hero .actions .contact-duo-inline{justify-content:center}
  .hero .portal-note{text-align:center}
  .hero-copy{text-align:center}
  .hero p.sub{margin-left:auto;margin-right:auto}
  .hero-pills{justify-content:center}
  .kicker{text-align:left}
  .hero-panel-top,
  .hero-board-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .tele-box{text-align:center}
  .tele-box-actions{
    width:100%;
  }
  footer .wrap{flex-direction:column}
}

@media(max-width:640px){
  .wrap{padding:0 16px}
  body{padding-bottom:84px}
  .nav .wrap{min-height:64px}
  .brand{font-size:20px}
  .nav-timebar{
    min-width:0;
    padding:7px 10px;
  }
  .nav-timebar b{font-size:13px}
  .hero h1{font-size:clamp(34px,11vw,48px)}
  .kicker{padding:14px 16px}
  .kicker .big{font-size:18px}
  .prop-strip{margin-top:0}
  .prop-strip-grid{grid-template-columns:1fr}
  .hero-prop-list{grid-template-columns:1fr}
  .challenge-card-head{flex-direction:column}
  .offer-top{flex-direction:column}
  .offer-top strong{font-size:46px}
  .challenge-price{width:100%;text-align:left}
  .challenge-matrix{grid-template-columns:1fr}
  .btn{width:100%}
  .hero .actions .btn,
  .hero .actions a{width:100%}
  .portal-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .cd-box{min-width:58px}
  .cd-num{font-size:25px}
  .hero-panel{padding:18px}
  .hero-panel h3{font-size:24px}
  .hero-rank{width:38px;height:38px}
  .hero-score{font-size:20px}
  .mr-search{flex-direction:column}
  .zalo-float{
    display:none;
  }
}

@media(max-width:640px){
  #lb-table,
  #winners-list{
    -webkit-overflow-scrolling:touch;
    border-radius:14px;
  }
  #lb-table table{min-width:680px}
  th,td{padding:10px 11px;font-size:13px}
  thead tr{font-size:11px}
  .acc{font-size:10px}
  .pill{padding:3px 8px;font-size:11px}
  .leaderboard-titlebar{align-items:stretch}
  .lb-title-main{width:100%;justify-content:space-between}
  .lb-rank-search{max-width:none;min-width:0;width:100%;flex-basis:100%}
}

@media(max-width:420px){
  .wrap{padding:0 13px}
  .hero h1{font-size:clamp(30px,10vw,40px)}
  .kicker .big{font-size:16px}
  .nav-timebar span{display:none}
  .portal-grid{grid-template-columns:1fr}
  .challenge-timeline{grid-template-columns:1fr}
  .challenge-specs{grid-template-columns:1fr}
  .objective-table-head{align-items:flex-start;flex-direction:column}
  .pp-val{font-size:28px}
  .hero-panel h3{font-size:21px}
  .cd{gap:7px}
  .cd-box{min-width:0;flex:1;padding-left:6px;padding-right:6px}
  .cd-num{font-size:21px}
  th,td{padding:9px 8px;font-size:12px}
  .sec-head h2{font-size:clamp(24px,7vw,32px)}
  .tier-top{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:6px;
  }
  .prize-grid{
    grid-template-columns:repeat(5,84px);
    min-width:max-content;
    width:max-content;
  }
}
/* ================= MOBILE POLISH (added) ================= */
.mobile-bar{display:none}
@media(max-width:640px){
  /* Thanh hành động dính đáy cho điện thoại */
  .mobile-bar{
    display:flex;
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:70;
    gap:10px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg, rgba(3,7,17,.4), rgba(3,7,17,.96) 38%);
    backdrop-filter:blur(14px);
    border-top:1px solid rgba(255,255,255,.08);
  }
  .mobile-bar .btn{flex:1;width:auto;padding:13px 10px;font-size:15px}
  .mobile-bar .mb-zalo{
    flex:0 0 auto;
    width:52px;
    padding:0;
    display:flex;align-items:center;justify-content:center;
    font-size:20px;
  }
  /* chừa chỗ cho thanh đáy + nút chat khỏi đè */
  body{padding-bottom:96px}
  .knc-btn{bottom:calc(78px + env(safe-area-inset-bottom))}
  .knc-wrap{bottom:calc(140px + env(safe-area-inset-bottom));max-height:calc(100vh - 168px)}
  /* hero gọn hơn */
  .hero-panel{padding:18px;border-radius:22px}
  .hero-main-panel{min-height:0}
  .hero-kpi{min-height:0;padding:14px}
  .hero-kpi strong{font-size:24px}
  .hero-panel h3{font-size:21px}
  /* gợi ý cuộn ngang cho bảng */
  .panel .ph{font-size:14px}
  #lb-table,#winners-list{position:relative}
}
@media(max-width:420px){
  .mobile-bar .btn{font-size:14px;padding:12px 8px}
}
/* ================= PREMIUM POLISH (Claude) — mượt + pro hơn ================= */
@media (prefers-reduced-motion: no-preference){
  .reveal{opacity:0;transform:translateY(26px);filter:blur(6px);
    transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1),filter .7s}
  .reveal.in{opacity:1;transform:none;filter:none}
}
/* thanh bar chạy mượt từ 0 */
.hero-bar span,.bar>span,.mr-bar span{transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
/* thẻ tier: nhấc + glow, viền sáng chạy quanh thẻ đang mở */
.tier{position:relative}
.tier:hover{transform:translateY(-6px);box-shadow:0 30px 72px -24px rgba(0,229,255,.32),0 0 0 1px rgba(0,229,255,.22)}
@property --beam{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes beamSpin{to{--beam:360deg}}
.tier:not(.locked)::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.3px;pointer-events:none;z-index:1;
  background:conic-gradient(from var(--beam),transparent 0deg,rgba(0,229,255,.78) 46deg,rgba(0,255,148,.5) 72deg,transparent 112deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:beamSpin 5.5s linear infinite;opacity:.6}
/* prize pool: hover + glow số */
.pp-item{transition:transform .25s cubic-bezier(.2,.85,.25,1)}
.pp-item:hover{transform:translateY(-3px)}
.pp-val.green{text-shadow:0 0 32px rgba(0,255,148,.4)}
.pp-val.cyan{text-shadow:0 0 32px rgba(0,229,255,.4)}
/* nút CTA: ánh sáng quét + nhấc */
.cta{position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.2,.85,.25,1),box-shadow .3s,filter .2s}
.cta::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.42) 50%,transparent 68%);transform:translateX(-135%);transition:transform .7s ease}
.cta:hover::after{transform:translateX(135%)}
.cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px rgba(0,229,255,.5)}
/* badge live nhịp thở */
@keyframes pulseRing{0%,100%{box-shadow:0 0 0 0 rgba(0,255,148,.5)}50%{box-shadow:0 0 0 7px rgba(0,255,148,0)}}
.hero-live,.badge.live{animation:pulseRing 2.4s ease-in-out infinite}
/* hàng xếp hạng sáng khi rê */
.hero-leader{transition:background .2s,transform .2s}
.hero-leader:hover{background:rgba(0,229,255,.06);transform:translateX(3px)}

/* ================= MOBILE PRO (Claude) — xịn hơn trên điện thoại ================= */
@media (max-width:640px){
  /* gõ không bị iPhone tự phóng to */
  input,select,textarea{font-size:16px !important}
  /* KPI 2 cột cho gọn (đỡ dài lê thê) */
  .hero-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hero-kpi{padding:13px;min-height:0}
  .hero-kpi strong{font-size:22px}
  /* quỹ thưởng nổi bật, gọn */
  .prizepool{gap:8px}
  .pp-val{font-size:25px}
  .pp-val.green{font-size:30px}
  /* phản hồi khi CHẠM: nút/thẻ lún nhẹ + tắt ô xanh nhấp nháy */
  .btn:active,.cta:active,.tier:active,.pp-item:active,.hero-leader:active{transform:scale(.975)}
  a,button,.btn,.cta,.tier,.pill,summary,.hero-leader{-webkit-tap-highlight-color:transparent}
  /* khoảng cách section gọn lại */
  .block{padding-top:46px;padding-bottom:46px}
  .sec-head{margin-bottom:18px}
  .hero-pills{flex-wrap:wrap;gap:8px}
  /* viền sáng tier chậm hơn chút cho mượt pin */
  .tier:not(.locked)::after{animation-duration:6.5s}
  /* thẻ bo tròn mềm + cách nhau thoáng */
  .tier{border-radius:20px}
  .hero-leader{border-radius:14px}
}
@media (max-width:340px){
  .hero-kpis{grid-template-columns:1fr}   /* chỉ máy RẤT nhỏ -> 1 cột */
  .pp-val.green{font-size:27px}
  .brand{font-size:18px}
}
.mobile-ux-tune-anchor{display:none}
@media(max-width:640px){
  .wrap{padding-left:16px;padding-right:16px}
  .nav .wrap{min-height:58px}
  .brand{font-size:19px}
  .brand small{font-size:9px;letter-spacing:.22em}
  .nav .cta{padding:8px 11px;font-size:12px}
  .hero{padding:34px 0 28px}
  .hero-shell{gap:22px;align-items:start}
  .hero-lower-shell{gap:12px;margin-top:12px}
  .hero-copy{text-align:left}
  .kicker{display:block;width:100%;margin-bottom:14px;padding:12px 14px;border-radius:14px}
  .kicker .big{font-size:17px}
  .kicker .small{font-size:12px}
  .hero-pills{justify-content:flex-start;margin-bottom:14px}
  .hero-pills span{min-height:32px;padding:0 10px;font-size:12px}
  .hero h1{max-width:none;font-size:clamp(32px,9vw,40px);line-height:1.05}
  .hero p.sub{margin:14px 0 0;font-size:14px;line-height:1.55}
  .prizepool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;padding:14px;border-radius:16px}
  .prizepool .pp-item:first-child{grid-column:1 / -1;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
  .pp-item{text-align:left}
  .pp-lbl{font-size:10px;letter-spacing:.1em}
  .pp-val{font-size:22px}
  .pp-val.green{font-size:27px}
  .pp-sub{font-size:11px;line-height:1.35}
  .hero .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;width:100%}
  .hero .actions .btn,.hero .actions a{min-height:46px;padding:11px 10px;font-size:13px}
  .hero .actions .portal-grid,.hero .actions .portal-note{grid-column:1 / -1}
  .portal-grid-single{max-width:none}
  .hero .portal-note{text-align:left;font-size:11px;line-height:1.45}
  .hero-stage{gap:12px}
  .hero-side-panel{display:none}
  .hero-panel{padding:15px;border-radius:18px}
  .hero-panel-top{flex-direction:row;align-items:center;margin-bottom:12px}
  .hero-label{font-size:10px;letter-spacing:.14em}
  .hero-panel h3{margin-top:5px;font-size:18px;line-height:1.12}
  .hero-live{padding:7px 10px;font-size:11px}
  .hero-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
  .hero-kpi{min-height:86px;padding:11px;border-radius:14px}
  .hero-kpi-label{font-size:10px;letter-spacing:.08em}
  .hero-kpi strong{font-size:19px}
  .hero-kpi small{font-size:11px;line-height:1.3}
  .hero-board{padding:12px;border-radius:16px}
  .hero-board-head{flex-direction:row;align-items:center}
  .hero-board-title{font-size:13px}
  .hero-board-meta{font-size:11px}
  .hero-leaders{margin-top:10px;gap:8px}
  .hero-leader{padding:10px;border-radius:13px}
  .hero-leader:nth-child(n+4){display:none}
  .hero-leader-row{gap:9px;grid-template-columns:auto minmax(0,1fr) auto}
  .hero-rank{width:32px;height:32px;border-radius:10px;font-size:12px}
  .hero-trader-name{font-size:13px}
  .hero-trader-sub{font-size:10px}
  .hero-score{font-size:16px}
  .hero-bar,.hero-leader-stats{display:none}
  .prop-strip{margin-top:0;padding-bottom:14px}
  .prop-strip-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .prop-strip-grid::-webkit-scrollbar{display:none}
  .prop-strip-item{flex:0 0 78%;min-height:112px;scroll-snap-align:start}
  .hero-prop-list{
    display:grid;
    grid-template-columns:1fr;
    overflow:visible;
    padding-bottom:0;
    scroll-snap-type:none;
  }
  .hero-prop-list .prop-strip-item{
    flex:auto;
    min-height:0;
    grid-template-columns:1fr;
    scroll-snap-align:none;
  }
  .hero-prop-list .prop-strip-item small{
    grid-column:1;
    grid-row:auto;
    margin-top:6px;
  }
  .challenge-suite-head{gap:14px;margin-bottom:18px}
  .challenge-suite-head h2{font-size:clamp(28px,8vw,36px)}
  .challenge-suite-head p{font-size:14px;line-height:1.55}
  .challenge-offer{padding:18px;gap:15px}
  .offer-top strong{font-size:40px}
  .offer-reward{padding:16px}
  .offer-reward b{font-size:22px}
  .offer-prizes{gap:10px;margin:6px 0 8px}
  .offer-prizes div{min-height:66px;padding:11px 12px;gap:12px}
  .offer-prize-copy{align-items:flex-start;flex-direction:column;gap:7px}
  .offer-prize-copy small{font-size:11px;padding:5px 9px}
  .objective-table-head{min-height:0;padding:14px}
  .objective-table-head b{font-size:18px}
  .objective-row{min-height:0;padding:12px 14px}
  .challenge-timeline div,.challenge-specs div{min-height:0;padding:14px}
  .mobile-bar{z-index:9997;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}
  .mobile-bar .btn{min-height:46px;border-radius:13px;font-size:14px}
  .mobile-bot-btn{flex:0 0 108px;width:108px !important;padding-left:12px !important;padding-right:12px !important}
}
@media(max-width:420px){
  .wrap{padding-left:13px;padding-right:13px}
  .hero{padding-top:26px}
  .hero h1{font-size:clamp(30px,9.5vw,37px)}
  .hero .actions .btn,.hero .actions a{font-size:12.5px}
  .mobile-bot-btn{flex-basis:92px;width:92px !important}
}
@media(max-width:340px){
  .hero .actions{grid-template-columns:1fr}
  .hero .actions .portal-grid,.hero .actions .portal-note{grid-column:auto}
}

/* ================= PRIZE COVERFLOW + SCROLL MOTION ================= */
.tier-top{
  position:relative;
  overflow:hidden;
}
.tier-top::before{
  content:"";
  position:absolute;
  inset:10px 0 auto;
  height:120px;
  pointer-events:none;
  background:radial-gradient(circle at 50% 0%, rgba(0,229,255,.18), transparent 60%);
  opacity:.75;
}
.prize-grid{
  position:relative;
  perspective:1200px;
  transform-style:preserve-3d;
  align-items:stretch;
  gap:14px;
  padding:12px 2px 4px;
}
.prize-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:228px;
  padding:14px 12px 13px;
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.035)),
    radial-gradient(circle at 50% -10%, rgba(0,229,255,.18), transparent 56%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 22px 54px -34px rgba(0,0,0,.9);
  transform:translateY(calc(var(--i,0) * 2px)) rotateY(calc((2 - var(--i,0)) * 4deg));
  transition:transform .34s cubic-bezier(.2,.8,.2,1), border-color .34s, box-shadow .34s, background .34s;
}
.prize-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(115deg, transparent 12%, rgba(255,255,255,.18) 40%, transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent);
  transform:translateX(-110%);
  transition:transform .75s ease;
}
.prize-card:hover{
  transform:translateY(-12px) rotateY(0deg) scale(1.03);
  border-color:rgba(0,229,255,.42);
  box-shadow:0 30px 80px -38px rgba(0,229,255,.85);
}
.prize-card:hover::before{transform:translateX(110%)}
.prize-card-glow{
  position:absolute;
  inset:auto 12% -18px;
  height:46px;
  border-radius:50%;
  background:rgba(0,229,255,.2);
  filter:blur(22px);
  pointer-events:none;
}
.prize-rank-1{
  background:
    linear-gradient(180deg, rgba(255,215,0,.2), rgba(255,255,255,.045)),
    radial-gradient(circle at 50% -12%, rgba(255,215,0,.34), transparent 58%);
  border-color:rgba(255,215,0,.35);
  transform:translateY(-10px) scale(1.04);
}
.prize-rank-1 .prize-card-glow{background:rgba(255,215,0,.3)}
.prize-medal{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(3,7,17,.68);
  border:1px solid rgba(255,255,255,.12);
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.prize-img{
  height:116px;
  margin:12px 0 10px;
  border-radius:8px;
  background:none;
  overflow:visible;
}
.prize-img img{
  transform:scale(.94);
  transition:transform .34s cubic-bezier(.2,.8,.2,1), filter .34s;
}
.prize-card:hover .prize-img img{
  transform:scale(1.02) translateY(-3px);
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.36));
}
.prize-name{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}
.prize-foot{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:8px;
  color:var(--dim2);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.prize-foot i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 14px rgba(0,255,148,.7);
}

@media(max-width:880px){
  .tier-top{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:8px;
  }
  .tier-top::before{display:none}
  .prize-grid{
    display:flex;
    width:max-content;
    min-width:0;
    gap:12px;
    padding:12px 4px 8px;
    scroll-snap-type:x mandatory;
  }
  .prize-card{
    flex:0 0 178px;
    width:178px;
    min-height:218px;
    transform:none;
    scroll-snap-align:start;
  }
  .prize-rank-1{transform:none}
}

@media(max-width:420px){
  .prize-card{
    flex-basis:168px;
    width:168px;
    min-height:210px;
    padding:12px 10px;
  }
  .prize-img{height:98px}
  .prize-name{font-size:12px;min-height:38px}
}

@media (prefers-reduced-motion: no-preference){
  .reveal{
    opacity:0;
    transform:translateY(32px) scale(.985);
    filter:blur(10px);
    clip-path:inset(12% 0 0 0 round 8px);
    transition:
      opacity .72s cubic-bezier(.2,.8,.2,1),
      transform .72s cubic-bezier(.2,.8,.2,1),
      filter .72s cubic-bezier(.2,.8,.2,1),
      clip-path .72s cubic-bezier(.2,.8,.2,1);
    transition-delay:calc(min(var(--reveal-i,0), 8) * 60ms);
    will-change:opacity,transform,filter,clip-path;
  }
  .reveal.in{
    opacity:1;
    transform:none;
    filter:none;
    clip-path:inset(0 0 0 0 round 8px);
  }
  .prize-card.reveal{
    transform:translateY(24px) rotateY(-10deg) scale(.96);
  }
  .prize-card.reveal.in{
    transform:translateY(calc(var(--i,0) * 2px)) rotateY(calc((2 - var(--i,0)) * 4deg));
  }
  .prize-rank-1.reveal.in{
    transform:translateY(-10px) scale(1.04);
  }
  @media(max-width:880px){
    .prize-card.reveal.in,
    .prize-rank-1.reveal.in{transform:none}
  }
}

.reveal{
  opacity:0;
  transform:translateY(28px) scale(.99);
  filter:blur(8px);
  clip-path:inset(10% 0 0 0 round 8px);
  transition:
    opacity .64s cubic-bezier(.2,.8,.2,1),
    transform .64s cubic-bezier(.2,.8,.2,1),
    filter .64s cubic-bezier(.2,.8,.2,1),
    clip-path .64s cubic-bezier(.2,.8,.2,1);
  transition-delay:calc(min(var(--reveal-i,0), 8) * 50ms);
}
.reveal.in{
  opacity:1;
  transform:none;
  filter:none;
  clip-path:inset(0 0 0 0 round 8px);
}
.prize-card.reveal{
  transform:translateY(22px) rotateY(-8deg) scale(.97);
}
.prize-card.reveal.in{
  transform:translateY(calc(var(--i,0) * 2px)) rotateY(calc((2 - var(--i,0)) * 4deg));
}
.prize-rank-1.reveal.in{
  transform:translateY(-10px) scale(1.04);
}
@media(max-width:880px){
  .prize-card.reveal.in,
  .prize-rank-1.reveal.in{transform:none}
}

/* ================= PRIZE INFINITE MARQUEE ================= */
.tier-top{
  --prize-gap:14px;
  --prize-card-w:214px;
  overflow:hidden;
  padding-bottom:10px;
}
.prize-marquee{
  position:relative;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
}
.prize-grid{
  display:flex;
  grid-template-columns:none;
  width:max-content;
  min-width:max-content;
  gap:var(--prize-gap);
  padding:16px 0 12px;
  animation:prizeMarquee 42s linear infinite;
  will-change:transform;
  transform:translate3d(0,0,0);
}
.tier-top:hover .prize-grid{animation-play-state:paused}
.prize-loop-set{
  display:flex;
  flex:0 0 auto;
  align-items:stretch;
  gap:var(--prize-gap);
}
.prize-card{
  flex:0 0 var(--prize-card-w);
  width:var(--prize-card-w);
  min-height:268px;
  padding:16px 13px 15px;
}
.prize-rank-1{transform:translateY(-8px) scale(1.03)}
.prize-img{
  height:138px;
  margin:14px 0 12px;
}
.prize-name{
  min-height:48px;
  font-size:14px;
  line-height:1.25;
}
.prize-value{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,215,0,.1);
  border:1px solid rgba(255,215,0,.2);
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  line-height:1.15;
  white-space:nowrap;
}
.prize-cash-visual{
  width:112px;
  height:112px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:auto;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.2), transparent 30%),
    linear-gradient(135deg, rgba(0,255,148,.22), rgba(0,229,255,.12));
  border:1px solid rgba(0,255,148,.22);
  box-shadow:inset 0 0 24px rgba(0,0,0,.18), 0 18px 36px -30px rgba(0,255,148,.8);
}
.prize-cash-visual b{
  color:#fff;
  font-size:22px;
  line-height:1;
}
.prize-cash-visual small{
  max-width:90px;
  color:var(--green);
  font-size:10px;
  font-weight:900;
  line-height:1.15;
}
.prize-card.is-clone{pointer-events:none}
@keyframes prizeMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-1 * var(--prize-loop-step, 1140px)),0,0)}
}

@media(max-width:880px){
  .tier-top{
    --prize-card-w:178px;
    --prize-gap:12px;
    overflow:hidden;
    -webkit-overflow-scrolling:auto;
    padding-bottom:10px;
  }
  .prize-marquee{overflow:hidden}
  .prize-grid{
    display:flex;
    width:max-content;
    min-width:max-content;
    gap:var(--prize-gap);
    padding:14px 0 12px;
    scroll-snap-type:none;
    animation-duration:38s;
  }
  .prize-loop-set{gap:var(--prize-gap)}
  .prize-card{
    flex:0 0 var(--prize-card-w);
    width:var(--prize-card-w);
    min-height:244px;
    transform:none;
    scroll-snap-align:none;
  }
  .prize-rank-1{transform:none}
  .prize-card.reveal.in,
  .prize-rank-1.reveal.in{transform:none}
  .top-prize-actions{
    grid-template-columns:1fr;
    gap:9px;
  }
  .top-prize-button{
    min-height:76px;
    border-radius:22px;
  }
}

@media(max-width:420px){
  .tier-top{
    --prize-card-w:170px;
    --prize-gap:12px;
  }
  .prize-card{
    flex-basis:var(--prize-card-w);
    width:var(--prize-card-w);
    min-height:236px;
    padding:13px 10px 12px;
  }
  .prize-img{height:112px}
  .prize-name{font-size:12px;min-height:42px}
  .prize-value{font-size:10px;white-space:normal}
  .prize-cash-visual{
    width:98px;
    height:98px;
  }
  .prize-cash-visual b{font-size:19px}
}

@media (prefers-reduced-motion: reduce){
  .prize-grid{animation-duration:46s}
}

/* Center the two ranking mode cards as a pair. */
.ranking-mode-grid{
  grid-template-columns:repeat(2,minmax(280px,362px));
  justify-content:center;
  align-items:stretch;
  gap:16px;
}
.ranking-mode-grid .card{width:100%}

@media(max-width:760px){
  .ranking-mode-grid{
    grid-template-columns:minmax(0,1fr);
    max-width:420px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media(max-width:640px){
  .cd-wrap{
    padding:16px 14px 18px;
    border-radius:18px;
  }
  .cd-status{
    font-size:20px;
    line-height:1.24;
  }
  .cd-meta{
    flex-direction:column;
    align-items:center;
    gap:4px;
    margin-bottom:12px;
  }
  .cd{
    gap:7px;
  }
  .cd-box{
    min-width:0;
    flex:1 1 0;
    padding:10px 2px;
  }
  .cd-num{
    font-size:24px;
  }
}

/* ================= PAID WINNERS PODIUM ================= */
.payout-week-carousel{
  position:relative;
}
.payout-week-rail{
  display:flex;
  gap:18px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  padding:24px max(20px, calc((100vw - 1160px) / 2)) 18px;
  margin:0 -20px;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.payout-week-rail::-webkit-scrollbar{
  display:none;
}
.payout-week-nav{
  position:absolute;
  top:50%;
  z-index:5;
  width:46px;
  height:74px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.045)),
    rgba(3,7,17,.82);
  color:#fff;
  font-size:30px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  box-shadow:0 18px 42px rgba(0,0,0,.34), 0 0 24px rgba(0,229,255,.15);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.payout-week-nav:hover{
  color:var(--gold);
  border-color:rgba(0,229,255,.5);
  box-shadow:0 22px 50px rgba(0,0,0,.42), 0 0 30px rgba(0,229,255,.28);
  transform:translateY(-50%) scale(1.05);
}
.payout-week-prev{left:-4px}
.payout-week-next{right:-4px}
.payout-week-prev::before,
.payout-week-next::before{
  content:"";
  position:absolute;
  top:-80px;
  bottom:-80px;
  width:80px;
  pointer-events:none;
  opacity:.78;
}
.payout-week-prev::before{
  left:-12px;
  background:linear-gradient(90deg, #030711, transparent);
}
.payout-week-next::before{
  right:-12px;
  background:linear-gradient(270deg, #030711, transparent);
}
.payout-week-card{
  position:relative;
  flex:0 0 min(980px,86vw);
  min-height:590px;
  scroll-snap-align:center;
  padding:54px 22px 24px;
  border-radius:8px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% -16%, rgba(0,229,255,.18), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 110px -78px rgba(0,229,255,.9);
}
.payout-week-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.08), transparent 28%);
}
.payout-week-card.has-data{
  border-color:rgba(0,229,255,.2);
}
.payout-week-card.is-empty{
  display:grid;
  place-items:center;
  border-style:dashed;
  opacity:.86;
}
.payout-week-tab{
  position:absolute;
  top:16px;
  left:16px;
  z-index:2;
  min-width:132px;
  min-height:46px;
  padding:8px 14px;
  border-radius:8px;
  display:grid;
  gap:2px;
  background:linear-gradient(135deg, rgba(255,215,0,.24), rgba(0,229,255,.12));
  border:1px solid rgba(255,215,0,.35);
  box-shadow:0 16px 34px rgba(0,0,0,.24);
}
.payout-week-tab span{
  color:#fff;
  font-weight:950;
  font-size:18px;
  line-height:1;
}
.payout-week-tab b{
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.payout-empty-week{
  max-width:330px;
  text-align:center;
  color:var(--dim);
}
.payout-empty-mark{
  width:58px;
  height:58px;
  margin:0 auto 16px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:var(--cyan);
  font-size:36px;
  font-weight:900;
  border:1px solid rgba(0,229,255,.24);
  background:rgba(0,229,255,.08);
}
.payout-empty-week h3{
  color:#fff;
  font-size:24px;
  margin-bottom:8px;
}
.payout-empty-week p{
  font-size:14px;
  line-height:1.6;
}
.payout-week-card .payout-podium{
  padding-top:12px;
}
.payout-podium{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:end;
  gap:12px;
  max-width:1220px;
  margin:0 auto;
  padding:30px 0 10px;
}
.payout-card{
  position:relative;
  isolation:isolate;
  min-height:var(--payout-h);
  height:var(--payout-h);
  padding:18px 14px 18px;
  border-radius:8px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-align:center;
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.035)),
    radial-gradient(circle at 50% -12%, rgba(0,229,255,.2), transparent 56%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 26px 80px -50px rgba(0,229,255,.7);
  transform-origin:bottom center;
  animation:payoutCardIn .7s cubic-bezier(.18,.82,.25,1) both;
  animation-delay:calc(var(--payout-i) * .06s);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease;
}
.payout-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(120deg, transparent 0 28%, rgba(255,255,255,.16) 45%, transparent 64%);
  transform:translateX(-125%);
}
.payout-card:hover{
  transform:translateY(-10px) scale(1.035);
  border-color:rgba(0,229,255,.52);
  box-shadow:0 34px 100px -44px rgba(0,229,255,.95), 0 0 0 1px rgba(255,255,255,.08);
}
.payout-card:hover::before{
  animation:payoutShine .9s ease forwards;
}
.payout-rank-1{
  background:
    linear-gradient(180deg, rgba(255,215,0,.24), rgba(255,255,255,.045)),
    radial-gradient(circle at 50% -10%, rgba(255,215,0,.36), transparent 62%);
  border-color:rgba(255,215,0,.4);
  box-shadow:0 34px 90px -42px rgba(255,215,0,.7);
}
.payout-rank-2,.payout-rank-3{border-color:rgba(0,229,255,.28)}
.payout-rank-4,.payout-rank-5{opacity:.94}
.payout-topline{
  display:grid;
  justify-items:center;
  gap:0;
  min-height:36px;
}
.payout-rank-badge{
  width:max-content;
  max-width:100%;
  margin:0 auto;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(3,7,17,.72);
  border:1px solid rgba(255,255,255,.14);
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.payout-topline h3{
  font-size:18px;
  line-height:1.12;
  margin:0;
  word-break:break-word;
}
.payout-rank-1 .payout-topline h3{font-size:23px}
.payout-prize-img{
  min-height:136px;
  margin:12px 0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:none;
  overflow:visible;
}
.payout-rank-1 .payout-prize-img{min-height:182px}
.payout-rank-2 .payout-prize-img,
.payout-rank-3 .payout-prize-img{min-height:150px}
.payout-prize-img img{
  width:min(88%,172px);
  max-height:172px;
  object-fit:contain;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.38));
  transform:translateZ(0);
  transition:transform .22s ease, filter .22s ease;
}
.payout-rank-1 .payout-prize-img img{
  width:min(94%,222px);
  max-height:222px;
}
.payout-card:hover .payout-prize-img img{
  transform:scale(1.08);
  filter:drop-shadow(0 24px 24px rgba(0,0,0,.45)) drop-shadow(0 0 18px rgba(0,229,255,.28));
}
.payout-prize-name{
  color:var(--gold);
  font-weight:900;
  font-size:13px;
  line-height:1.25;
  min-height:34px;
}
.payout-stats{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  margin-top:12px;
}
.payout-stats span{
  min-width:0;
  padding:8px 7px;
  border-radius:8px;
  background:rgba(0,0,0,.26);
  border:1px solid rgba(255,255,255,.08);
}
.payout-stats b{
  display:block;
  color:var(--green);
  font-size:15px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.payout-stats small{
  display:block;
  color:var(--dim2);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-top:3px;
}
@keyframes payoutCardIn{
  0%{opacity:0;transform:translateY(28px) scale(.96)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes payoutShine{
  0%,46%{transform:translateX(-125%)}
  70%,100%{transform:translateX(125%)}
}
.reward-celebration{
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
  overflow:hidden;
}
.reward-celebration span{
  position:absolute;
  left:calc(var(--x) * 1%);
  top:-36px;
  font-size:var(--size);
  color:var(--gold);
  text-shadow:0 0 18px rgba(255,215,0,.55), 0 0 26px rgba(0,229,255,.35);
  animation:rewardPetalFall 2.7s cubic-bezier(.18,.7,.22,1) forwards;
  animation-delay:var(--delay);
}
@keyframes rewardPetalFall{
  0%{opacity:0;transform:translate3d(0,-24px,0) rotate(0deg) scale(.75)}
  12%{opacity:1}
  100%{opacity:0;transform:translate3d(var(--drift),108vh,0) rotate(var(--rot)) scale(1.15)}
}

@media(max-width:940px){
  .payout-week-rail{
    padding-left:16px;
    padding-right:16px;
    margin-left:-16px;
    margin-right:-16px;
  }
  .payout-week-card{
    flex-basis:820px;
    min-height:540px;
    padding:52px 16px 18px;
  }
  .payout-week-card .payout-podium{
    grid-template-columns:repeat(5,148px);
    justify-content:center;
    overflow:visible;
    padding-left:0;
    padding-right:0;
  }
  .payout-week-nav{
    width:40px;
    height:64px;
    font-size:26px;
  }
  .payout-week-prev{left:4px}
  .payout-week-next{right:4px}
  .payout-podium{
    grid-template-columns:repeat(5,190px);
    justify-content:flex-start;
    overflow-x:auto;
    padding:22px 6px 12px;
    scroll-snap-type:x proximity;
  }
  .payout-card{
    min-height:340px;
    height:340px;
    scroll-snap-align:center;
  }
  .payout-rank-1{
    min-height:392px;
    height:392px;
  }
  .payout-prize-img,
  .payout-rank-1 .payout-prize-img,
  .payout-rank-2 .payout-prize-img,
  .payout-rank-3 .payout-prize-img{min-height:128px}
}

@media(max-width:520px){
  .payout-week-rail{
    padding-top:18px;
    padding-bottom:12px;
  }
  .payout-week-card{
    flex-basis:760px;
    min-height:500px;
    padding:50px 12px 16px;
  }
  .payout-week-tab{
    top:12px;
    left:12px;
    min-height:40px;
  }
  .payout-week-tab span{font-size:16px}
  .payout-week-card .payout-podium{
    grid-template-columns:repeat(5,140px);
    gap:8px;
  }
  .payout-week-nav{
    width:36px;
    height:56px;
    font-size:23px;
  }
  .payout-week-prev{left:3px}
  .payout-week-next{right:3px}
  .payout-week-prev::before,
  .payout-week-next::before{width:54px}
  .payout-podium{
    grid-template-columns:repeat(5,176px);
    gap:8px;
  }
  .payout-card{
    padding:12px 9px 13px;
  }
  .payout-topline h3{font-size:15px}
  .payout-rank-1 .payout-topline h3{font-size:18px}
  .payout-prize-name{font-size:12px}
}

/* ================= FTMO-STYLE PROCESS + MOBILE MOTION ================= */
.phase-card{
  isolation:isolate;
  overflow:hidden;
  min-height:308px;
  box-shadow:0 24px 80px -56px rgba(0,0,0,.95);
}
.phase-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.86;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
}
.phase-card::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  bottom:0;
  height:74px;
  z-index:-1;
  background:linear-gradient(180deg, transparent, rgba(0,0,0,.26));
}
.phase-card:nth-child(1){
  background:
    radial-gradient(circle at 70% 0%, rgba(80,180,255,.42), transparent 42%),
    linear-gradient(180deg, rgba(41,146,216,.88), rgba(7,21,48,.94) 72%);
  border-color:rgba(86,188,255,.36);
}
.phase-card:nth-child(2){
  background:
    radial-gradient(circle at 68% -8%, rgba(0,255,148,.34), transparent 46%),
    linear-gradient(180deg, rgba(9,180,98,.86), rgba(5,44,29,.96) 74%);
  border-color:rgba(0,255,148,.3);
}
.phase-card:nth-child(3){
  background:
    radial-gradient(circle at 70% 0%, rgba(255,215,0,.3), transparent 44%),
    linear-gradient(180deg, rgba(215,124,4,.86), rgba(57,20,7,.96) 74%);
  border-color:rgba(255,189,66,.32);
}
.phase-card h3,
.phase-card p,
.phase-card li{
  text-shadow:0 1px 14px rgba(0,0,0,.18);
}
.phase-card p{color:rgba(255,255,255,.78)}
.phase-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,255,255,.28);
  box-shadow:0 32px 96px -56px rgba(0,229,255,.64);
}
.phase-card .phase-num{
  box-shadow:0 12px 34px rgba(0,0,0,.24);
}
.mobile-flow{display:none}

@media(max-width:640px){
  .phase-grid{gap:12px}
  .phase-card{
    min-height:250px;
    padding:22px 18px 18px;
    border-radius:18px;
  }
  .mobile-flow{
    display:block;
    position:relative;
    overflow:hidden;
    width:100%;
    margin:18px 0 0;
    padding:4px 0 8px;
  }
  .mobile-flow::before,
  .mobile-flow::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    z-index:2;
    width:44px;
    pointer-events:none;
  }
  .mobile-flow::before{
    left:0;
    background:linear-gradient(90deg, #030711, transparent);
  }
  .mobile-flow::after{
    right:0;
    background:linear-gradient(270deg, #030711, transparent);
  }
  .mobile-flow-track{
    width:max-content;
    display:flex;
    gap:10px;
    padding:0 16px;
    animation:mobileFlowLoop 34s linear infinite;
  }
  .mobile-flow-card{
    flex:0 0 232px;
    min-height:132px;
    padding:16px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
    box-shadow:0 18px 48px -34px rgba(0,0,0,.9);
  }
  .mobile-flow-card span{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:12px;
    color:#03111a;
    font-weight:950;
    background:linear-gradient(135deg, var(--cyan), var(--green));
    margin-bottom:12px;
  }
  .mobile-flow-card b{
    display:block;
    color:#fff;
    font-size:17px;
    line-height:1.16;
  }
  .mobile-flow-card small{
    display:block;
    margin-top:7px;
    color:var(--dim);
    font-size:12px;
    line-height:1.45;
  }
  .mobile-flow-card.blue{background:linear-gradient(180deg, rgba(46,146,224,.38), rgba(6,18,42,.94))}
  .mobile-flow-card.green{background:linear-gradient(180deg, rgba(0,188,105,.36), rgba(5,33,24,.94))}
  .mobile-flow-card.gold{background:linear-gradient(180deg, rgba(255,170,28,.33), rgba(48,22,5,.94))}
  .mobile-flow-card.cyan{background:linear-gradient(180deg, rgba(0,229,255,.25), rgba(4,24,35,.94))}
}
@keyframes mobileFlowLoop{
  to{transform:translate3d(-50%,0,0)}
}

/* ================= PAYOUT HEIGHT + STATUS FIX ================= */
.payout-week-card{
  min-height:690px;
  overflow:visible;
  padding-bottom:38px;
}
.payout-week-tab.is-live{
  background:linear-gradient(135deg, rgba(0,229,255,.2), rgba(0,255,148,.12));
  border-color:rgba(0,229,255,.36);
}
.payout-week-tab.is-live b{color:var(--green)}
.payout-week-tab.is-paid{
  background:linear-gradient(135deg, rgba(255,215,0,.24), rgba(0,229,255,.12));
  border-color:rgba(255,215,0,.38);
}
.payout-card{
  height:auto;
  min-height:var(--payout-h);
  gap:12px;
}
.payout-topline{
  min-height:66px;
  gap:8px;
}
.payout-topline h3{
  display:block;
  color:#fff;
  font-size:16px;
  font-weight:900;
  line-height:1.16;
}
.payout-rank-1 .payout-topline h3{font-size:21px}
.payout-prize-img{margin:6px 0 8px}
.payout-stats{margin-top:10px}
@media(max-width:940px){
  .payout-week-card{
    min-height:650px;
    padding-bottom:30px;
  }
  .payout-card,
  .payout-rank-1{
    height:auto;
  }
}
@media(max-width:520px){
  .payout-week-card{
    min-height:620px;
    padding-bottom:28px;
  }
  .payout-card{
    min-height:386px;
  }
  .payout-rank-1{
    min-height:438px;
  }
  .payout-topline{
    min-height:62px;
  }
}

/* Paid tab: 3 major winners + Top 4-10 consolation list. */
.payout-layout{
  position:relative;
  z-index:1;
  display:grid;
  gap:18px;
  padding-top:12px;
}
.payout-major-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.payout-major-card{
  position:relative;
  isolation:isolate;
  min-width:0;
  min-height:430px;
  padding:22px 18px 20px;
  border-radius:8px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  background:
    linear-gradient(180deg, rgba(46,130,148,.34), rgba(15,24,38,.94)),
    radial-gradient(circle at 50% -12%, rgba(0,229,255,.2), transparent 58%);
  border:1px solid rgba(96,202,218,.24);
  box-shadow:0 22px 54px -34px rgba(0,0,0,.9);
  animation:payoutCardIn .7s cubic-bezier(.18,.82,.25,1) both;
  animation-delay:calc(var(--payout-i) * .04s);
}
.payout-major-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(115deg, transparent 12%, rgba(255,255,255,.16) 40%, transparent 58%);
  transform:translateX(-120%);
}
.payout-major-card:hover{
  transform:translateY(-8px) scale(1.025);
  border-color:rgba(255,215,0,.72);
  box-shadow:0 0 0 1px rgba(255,215,0,.2), 0 26px 76px -34px rgba(255,215,0,.46);
}
.payout-major-card:hover::before{animation:payoutShine .9s ease forwards}
.payout-major-card.payout-rank-1{
  background:
    linear-gradient(180deg, rgba(255,215,0,.22), rgba(18,24,32,.94)),
    radial-gradient(circle at 50% -12%, rgba(255,215,0,.3), transparent 58%);
  border-color:rgba(255,215,0,.46);
}
.payout-major-card h3{
  margin-top:12px;
  color:#fff;
  font-size:22px;
  line-height:1.16;
  font-weight:950;
}
.payout-major-card .payout-rank-badge{
  position:static;
  display:inline-flex;
  min-height:34px;
  padding:0 16px;
  font-size:13px;
}
.payout-major-card .payout-prize-img{
  min-height:150px;
  width:100%;
  margin:20px 0 12px;
}
.payout-major-card.payout-rank-1 .payout-prize-img{min-height:172px}
.payout-major-card .payout-prize-img img{
  max-height:168px;
}
.payout-major-card.payout-rank-1 .payout-prize-img img{
  max-height:192px;
}
@media(min-width:941px){
  .payout-major-grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.16fr) minmax(0,.92fr);
    align-items:end;
    gap:16px;
  }
  .payout-major-card{
    min-height:488px;
  }
  .payout-major-card.payout-rank-1{
    order:2;
    min-height:558px;
    padding-top:28px;
  }
  .payout-major-card.payout-rank-2{
    order:1;
  }
  .payout-major-card.payout-rank-3{
    order:3;
  }
  .payout-major-card.payout-rank-1 h3{
    font-size:25px;
  }
  .payout-major-card.payout-rank-1 .payout-rank-badge{
    min-height:38px;
    padding:0 18px;
    font-size:14px;
  }
  .payout-major-card.payout-rank-1 .payout-prize-img{
    min-height:202px;
  }
  .payout-major-card.payout-rank-1 .payout-prize-img img{
    max-height:228px;
  }
}
.payout-cash-visual{
  width:132px;
  height:132px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin:auto;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.24), transparent 30%),
    linear-gradient(135deg, rgba(0,255,148,.22), rgba(0,229,255,.12));
  border:1px solid rgba(0,255,148,.24);
  box-shadow:inset 0 0 24px rgba(0,0,0,.18), 0 18px 36px -30px rgba(0,255,148,.8);
}
.payout-cash-visual b{
  color:#fff;
  font-size:34px;
  line-height:1;
}
.payout-cash-visual small{
  margin-top:4px;
  color:var(--green);
  font-size:12px;
  font-weight:950;
  letter-spacing:.1em;
}
.payout-major-card .payout-prize-name{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  color:var(--gold);
}
.payout-prize-value{
  margin-top:8px;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(255,215,0,.1);
  border:1px solid rgba(255,215,0,.18);
  color:var(--gold);
  font-size:12px;
  font-weight:950;
}
.payout-major-card .payout-stats{
  width:100%;
  margin-top:auto;
  padding-top:16px;
}
.payout-consolation{
  padding:16px;
  border-radius:8px;
  background:rgba(3,7,17,.36);
  border:1px solid rgba(255,255,255,.08);
}
.payout-consolation-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.payout-consolation-head span{
  color:#fff;
  font-size:18px;
  font-weight:950;
}
.payout-consolation-head b{
  color:var(--gold);
  font-size:13px;
  text-align:right;
}
.payout-consolation-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.payout-consolation-row{
  min-width:0;
  display:grid;
  grid-template-columns:72px minmax(0,1fr) 74px 60px;
  align-items:center;
  gap:10px;
  min-height:50px;
  padding:9px 11px;
  border-radius:8px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
  animation:payoutCardIn .55s cubic-bezier(.18,.82,.25,1) both;
  animation-delay:calc(var(--payout-i) * .035s);
}
.payout-consolation-rank{
  color:var(--gold);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}
.payout-consolation-name{
  min-width:0;
  color:#fff;
  font-size:13px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.payout-consolation-prize{
  color:var(--green);
  font-size:13px;
  font-weight:950;
  white-space:nowrap;
}
.payout-consolation-roi{
  color:var(--cyan);
  font-size:12px;
  font-weight:950;
  text-align:right;
}

@media(max-width:940px){
  .payout-week-card{
    flex-basis:min(820px,92vw);
    min-height:0;
  }
  .payout-major-grid{
    grid-template-columns:1fr;
  }
  .payout-major-card{
    min-height:0;
    display:grid;
    grid-template-columns:142px minmax(0,1fr);
    grid-template-areas:
      "img badge"
      "img name"
      "img prize"
      "img value"
      "img stats";
    column-gap:16px;
    align-items:center;
    text-align:left;
  }
  .payout-major-card .payout-rank-badge{grid-area:badge;justify-self:start}
  .payout-major-card h3{grid-area:name;margin-top:8px}
  .payout-major-card .payout-prize-img{grid-area:img;min-height:132px;margin:0}
  .payout-major-card.payout-rank-1 .payout-prize-img{min-height:132px}
  .payout-major-card .payout-prize-img img,
  .payout-major-card.payout-rank-1 .payout-prize-img img{max-height:128px}
  .payout-major-card .payout-prize-name{grid-area:prize;justify-content:flex-start;min-height:0}
  .payout-prize-value{grid-area:value;justify-self:start}
  .payout-major-card .payout-stats{grid-area:stats;margin-top:10px;padding-top:0}
  .payout-cash-visual{width:116px;height:116px}
  .payout-consolation-list{grid-template-columns:1fr}
}

@media(max-width:520px){
  .payout-week-card{
    flex-basis:min(620px,94vw);
  }
  .payout-layout{gap:12px}
  .payout-major-card{
    grid-template-columns:104px minmax(0,1fr);
    column-gap:12px;
    padding:15px 12px;
  }
  .payout-major-card h3{font-size:17px}
  .payout-major-card .payout-prize-img,
  .payout-major-card.payout-rank-1 .payout-prize-img{min-height:104px}
  .payout-major-card .payout-prize-img img,
  .payout-major-card.payout-rank-1 .payout-prize-img img{max-height:102px}
  .payout-cash-visual{width:92px;height:92px}
  .payout-cash-visual b{font-size:27px}
  .payout-major-card .payout-prize-name{font-size:13px}
  .payout-prize-value{font-size:10px;white-space:normal}
  .payout-consolation{padding:12px}
  .payout-consolation-head{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .payout-consolation-head b{text-align:left}
  .payout-consolation-row{
    grid-template-columns:58px minmax(0,1fr) 56px;
    gap:8px;
  }
  .payout-consolation-roi{display:none}
}

/* Reuse the paid-tab podium inside the challenge prize card. */
.tier-payout-showcase{
  overflow:visible;
  padding-top:12px;
  padding-bottom:0;
}
.tier-payout-showcase::before{
  display:none;
}
.tier-payout-layout{
  gap:16px;
  padding-top:0;
}
.tier-payout-card h3{
  font-size:20px;
}
.tier-payout-card .payout-prize-name{
  color:var(--gold);
  font-size:15px;
  font-weight:950;
}
.tier-payout-card .payout-stats span b{
  font-size:13px;
}
.tier-payout-row .payout-consolation-name{
  color:#fff;
}
.tier-payout-row .payout-consolation-roi{
  color:var(--cyan);
}
@media(max-width:940px){
  .tier-payout-showcase{
    overflow:hidden;
  }
}

/* Prize cards: same blue by default, gold only on pointer hover. */
.prize-card,
.prize-card.reveal,
.prize-rank-1{
  background:
    linear-gradient(180deg, rgba(46,130,148,.34), rgba(15,24,38,.94)),
    radial-gradient(circle at 50% -12%, rgba(0,229,255,.2), transparent 58%);
  border-color:rgba(96,202,218,.24);
  box-shadow:0 22px 54px -34px rgba(0,0,0,.9);
  transform:none;
}
.prize-rank-1.reveal,
.prize-card.reveal.in,
.prize-rank-1.reveal.in{
  transform:none;
}
.prize-rank-1 .prize-card-glow,
.prize-card-glow{
  background:rgba(0,229,255,.18);
}
.prize-card.is-clone{
  pointer-events:auto;
}
.prize-medal{
  gap:5px;
  border-color:rgba(0,229,255,.16);
}
.prize-crown{
  font-size:12px;
  line-height:1;
}
.prize-card:hover{
  transform:translateY(-10px) scale(1.06);
  border-color:rgba(255,215,0,.92);
  background:
    linear-gradient(180deg, rgba(48,139,156,.42), rgba(16,24,38,.96)),
    radial-gradient(circle at 50% -12%, rgba(0,229,255,.22), transparent 58%);
  box-shadow:
    0 0 0 1px rgba(255,215,0,.28),
    0 28px 86px -36px rgba(255,215,0,.62),
    0 0 34px rgba(255,215,0,.16);
}
.prize-card:hover .prize-card-glow{
  background:rgba(255,215,0,.34);
}
.prize-card:hover .prize-medal{
  border-color:rgba(255,215,0,.42);
  box-shadow:0 0 18px rgba(255,215,0,.18);
}

/* Mobile header nav: keep all main tabs visible as horizontal chips. */
@media(max-width:880px){
  .nav .wrap{
    gap:10px;
    padding-top:10px;
    padding-bottom:10px;
  }
  .nav .links{
    order:4;
    flex:1 0 100%;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:8px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    padding:0 2px 2px;
    margin:0 -2px;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .nav .links::-webkit-scrollbar{display:none}
  .nav .links a,
  .nav .links a:not(.cta){
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:38px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
    color:var(--dim);
    font-size:13px;
    line-height:1;
    white-space:nowrap;
    scroll-snap-align:start;
  }
  .nav .links a.active{
    color:#fff;
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.14);
  }
  .nav .links a.cta{
    min-width:154px;
    border-color:rgba(0,255,148,.28);
    color:#03130c;
  }
}
@media(max-width:640px){
  :root{--nav-top-gap:8px}
  .nav .links a,
  .nav .links a:not(.cta){
    min-height:36px;
    padding:0 13px;
    font-size:12.5px;
  }
  .nav .links a.cta{
    min-width:145px;
  }
}

/* Mobile header final layout: show every tab without horizontal scrolling. */
@media(max-width:640px){
  .nav .wrap{
    gap:8px;
    padding-top:9px;
    padding-bottom:9px;
  }
  .nav-timebar{
    order:2;
    flex:1 0 100%;
    max-width:none;
    margin:0;
  }
  .nav .links{
    order:3;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    overflow:visible;
    padding:0;
    margin:0;
    width:100%;
    scroll-snap-type:none;
  }
  .nav .links a,
  .nav .links a:not(.cta){
    width:100%;
    min-width:0;
    min-height:36px;
    padding:0 8px;
    font-size:12px;
    line-height:1.12;
    text-align:center;
    white-space:normal;
  }
  .nav .links a.cta{
    grid-column:1 / -1;
    min-width:0;
    min-height:40px;
    font-size:13px;
  }
}
@media(max-width:380px){
  .nav .links{
    gap:6px;
  }
  .nav .links a,
  .nav .links a:not(.cta){
    font-size:11.5px;
    padding:0 6px;
  }
}
@media(max-width:880px){
  .nav .links a.cta{
    background:linear-gradient(135deg, var(--green), #7dffcb);
    color:#03130c !important;
    box-shadow:0 14px 30px rgba(0,255,148,.22);
  }
}

/* Luxury palette + subtle page motion polish. */
:root{
  --bg:#090806;
  --bg2:#11100c;
  --bg3:#1a150e;
  --panel:rgba(255,244,220,.055);
  --panel2:rgba(255,244,220,.082);
  --panel3:rgba(255,244,220,.12);
  --line:rgba(232,207,154,.13);
  --line-strong:rgba(232,207,154,.24);
  --cyan:#d8bc7a;
  --green:#caa15d;
  --gold:#f0d58f;
  --txt:#f5efe3;
  --dim:#b7aa91;
  --dim2:#84765f;
  --shadow:0 28px 84px rgba(0,0,0,.52);
  --champagne:#f0d58f;
  --bronze:#a66f35;
  --wine:#4b1f1d;
}
html{background:#090806}
body{
  background:
    linear-gradient(180deg, #0d0b08 0%, #080705 44%, #120f0a 100%);
}
body::before{
  background:
    linear-gradient(rgba(232,207,154,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(232,207,154,.022) 1px, transparent 1px);
  opacity:.34;
}
body::after{
  background:linear-gradient(180deg, #090806, rgba(9,8,6,.94));
}
.nav{
  background:rgba(9,8,6,.78);
  border-top-color:rgba(232,207,154,.08);
  border-bottom-color:rgba(232,207,154,.15);
  box-shadow:0 16px 42px rgba(0,0,0,.34);
}
.brand .k,
.brand-home:hover .n,
.brand-home:focus-visible .n{color:var(--champagne)}
.brand small{color:rgba(240,213,143,.52)}
.brand-home:focus-visible{
  outline-color:rgba(240,213,143,.62);
}
.nav-timebar{
  background:linear-gradient(135deg, rgba(240,213,143,.16), rgba(91,55,26,.16));
  border-color:rgba(240,213,143,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 16px 34px rgba(0,0,0,.24);
}
.nav-timebar.is-active b,
.nav-timebar.is-pending b{color:var(--champagne)}
.nav .links a:hover,
.nav .links a.active{
  background:rgba(240,213,143,.08);
  border-color:rgba(240,213,143,.15);
}
.nav .cta,
.nav .links a.cta,
.btn-cyan,
.btn-green,
.btn-tele,
.portal-btn{
  background:linear-gradient(135deg, #f2d890 0%, #c89142 52%, #865321 100%);
  color:#161007 !important;
  box-shadow:0 18px 44px rgba(166,111,53,.28);
}
.btn-outline{
  border-color:rgba(240,213,143,.36);
  color:var(--champagne);
}
.btn-outline:hover{
  border-color:rgba(240,213,143,.72);
  box-shadow:0 0 0 3px rgba(240,213,143,.08);
}
.chip.on,
.badge.live,
.phase-num,
.challenge-timeline span,
.step .num.c,
.step .num.g,
.step .num.y{
  background:linear-gradient(135deg, #f0d58f, #a66f35);
  color:#171007;
}
.badge.live,
.hero-live{animation:none}
.tier:not(.locked)::after{animation:none;opacity:.58}

.hero{
  background:
    linear-gradient(90deg, rgba(8,7,5,.96) 0%, rgba(8,7,5,.82) 38%, rgba(8,7,5,.45) 67%, rgba(8,7,5,.86) 100%),
    linear-gradient(180deg, rgba(8,7,5,.18), rgba(8,7,5,.96)),
    url("assets/hero-trading-bg.jpg") center center / cover no-repeat;
}
.hero::before{
  background:
    linear-gradient(180deg, rgba(240,213,143,.08), transparent 18%, transparent 70%, rgba(8,7,5,.94)),
    radial-gradient(620px 300px at 64% 32%, rgba(240,213,143,.12), transparent 66%),
    radial-gradient(760px 440px at 24% 42%, rgba(0,0,0,.66), transparent 72%);
}
.hero::after{
  background:
    linear-gradient(90deg, rgba(240,213,143,.045) 1px, transparent 1px),
    linear-gradient(rgba(240,213,143,.032) 1px, transparent 1px);
  opacity:.13;
}
.kicker,
.hero-pills span,
.hero-ticker span{
  background:rgba(16,13,9,.56);
  border-color:rgba(240,213,143,.14);
}
.hero-est{color:rgba(240,213,143,.82)}
.hero-est::before{background:linear-gradient(90deg, transparent, rgba(240,213,143,.82))}
.hero h1{
  color:rgba(250,245,234,.95);
  text-shadow:0 26px 86px rgba(0,0,0,.86), 0 0 34px rgba(240,213,143,.08);
}
.hero h1 .glow{
  color:#fff7e6;
  text-shadow:0 0 32px rgba(240,213,143,.24);
}
.hero h1.hero-logo-title{
  max-width:12ch;
  font-family:var(--font-display);
  font-size:clamp(54px,7.8vw,118px);
  font-weight:400;
  line-height:.9;
  letter-spacing:0;
  text-transform:none;
  color:#fff;
  text-shadow:0 24px 76px rgba(0,0,0,.86), 0 0 28px rgba(240,213,143,.08);
}
.hero-logo-title span{
  display:inline-block;
}
.hero-logo-title .hero-brand-line{
  display:block;
  white-space:nowrap;
}
.hero-logo-title .hero-kn{
  color:#00dfff;
  text-shadow:0 0 22px rgba(0,223,255,.28), 0 24px 76px rgba(0,0,0,.86);
}
.hero-logo-title .hero-invest{
  color:#fff8ea;
}
.hero-logo-title .hero-challenge{
  display:block;
  margin-top:.08em;
  color:var(--champagne);
  font-size:.72em;
  line-height:.94;
  text-shadow:0 0 24px rgba(240,213,143,.18), 0 20px 60px rgba(0,0,0,.86);
}
@media(max-width:760px){
  .hero h1.hero-logo-title{
    max-width:9.8ch;
    font-size:clamp(42px,13vw,58px);
    line-height:.95;
  }
  .hero-logo-title .hero-brand-line{
    white-space:normal;
  }
  .hero-logo-title .hero-challenge{
    font-size:.74em;
  }
}
.hero-panel,
.challenge-offer,
.objective-table,
.challenge-card,
.cockpit-panel,
.panel,
.card,
.tier,
.rule,
.faq,
.tele-box,
.cta-box,
.mr-card,
.feat{
  background:linear-gradient(180deg, rgba(28,22,15,.88), rgba(11,9,7,.96));
  border-color:rgba(232,207,154,.13);
}
.hero-panel::before{
  background:linear-gradient(180deg, rgba(240,213,143,.07), transparent 30%);
}
.hero-label,
.hero-score,
.hero-rank,
.code,
.objective-note span,
.cockpit-list span,
.faq summary::after,
.tier-payout-row .payout-consolation-roi{color:var(--champagne)}
.hero-live{
  background:rgba(240,213,143,.09);
  border-color:rgba(240,213,143,.18);
  color:var(--champagne);
}
.hero-live span,
.status-dot{
  background:var(--champagne);
  box-shadow:0 0 16px rgba(240,213,143,.64);
}
.hero-kpi,
.hero-board,
.hero-leader,
.hero-guard,
.objective-row,
.challenge-timeline div,
.challenge-specs div,
.challenge-matrix div,
.review-steps div,
.cockpit-list div,
.offer-prizes div{
  background:rgba(255,244,220,.045);
  border-color:rgba(232,207,154,.1);
}
.hero-rank,
.offer-prizes b{
  background:linear-gradient(135deg, rgba(240,213,143,.2), rgba(166,111,53,.12));
  border-color:rgba(240,213,143,.26);
}
.hero-bar span,
.cd-progress-track span{
  background:linear-gradient(90deg, #f0d58f, #a66f35);
  box-shadow:0 0 20px rgba(240,213,143,.34);
}
.prizepool,
.offer-reward,
.rules-notice,
.cd-wrap{
  background:
    linear-gradient(180deg, rgba(240,213,143,.13), rgba(255,244,220,.035)),
    linear-gradient(135deg, rgba(91,31,29,.14), transparent 54%);
  border-color:rgba(240,213,143,.22);
  box-shadow:0 24px 72px -46px rgba(240,213,143,.42);
}
.rules-warning{
  background:
    linear-gradient(180deg, rgba(103,39,34,.18), rgba(255,244,220,.035)),
    linear-gradient(135deg, rgba(240,213,143,.08), transparent 52%);
}
.lb-rank-search input:focus{
  border-color:rgba(240,213,143,.5);
  box-shadow:0 0 0 3px rgba(240,213,143,.1);
}
tbody tr:hover{
  background:rgba(240,213,143,.05);
}
tbody tr.top{
  background:linear-gradient(90deg, rgba(240,213,143,.065), transparent);
}
.pill{
  background:rgba(240,213,143,.15);
  color:var(--champagne);
}
.trust-strip span{
  background:rgba(240,213,143,.08);
  border-color:rgba(240,213,143,.18);
  color:var(--champagne);
}
.xau{background:rgba(103,39,34,.08)}

.prop-strip-item,
.top-prize-button,
.prize-card,
.prize-card.reveal,
.prize-rank-1{
  background:
    linear-gradient(180deg, rgba(31,24,16,.94), rgba(12,10,8,.98)),
    radial-gradient(circle at 50% -12%, rgba(240,213,143,.18), transparent 60%);
  border-color:rgba(232,207,154,.16);
  box-shadow:0 24px 58px -40px rgba(0,0,0,.92);
}
.prize-card-glow,
.prize-rank-1 .prize-card-glow{
  background:rgba(240,213,143,.18);
}
.top-prize-button:hover,
.prize-card:hover{
  background:
    linear-gradient(180deg, rgba(42,31,18,.96), rgba(12,10,8,.98)),
    radial-gradient(circle at 50% -12%, rgba(240,213,143,.24), transparent 60%);
  border-color:rgba(240,213,143,.88);
  box-shadow:
    0 0 0 1px rgba(240,213,143,.26),
    0 30px 86px -36px rgba(240,213,143,.52);
}

.phase-card:nth-child(1),
.phase-card:nth-child(2),
.phase-card:nth-child(3){
  border-color:rgba(240,213,143,.18);
}
.phase-card:nth-child(1){
  background:
    radial-gradient(circle at 72% 0%, rgba(240,213,143,.25), transparent 43%),
    linear-gradient(180deg, rgba(38,29,18,.94), rgba(10,8,6,.98) 74%);
}
.phase-card:nth-child(2){
  background:
    radial-gradient(circle at 68% -8%, rgba(166,111,53,.24), transparent 46%),
    linear-gradient(180deg, rgba(29,24,18,.94), rgba(9,8,6,.98) 74%);
}
.phase-card:nth-child(3){
  background:
    radial-gradient(circle at 70% 0%, rgba(103,39,34,.26), transparent 44%),
    linear-gradient(180deg, rgba(38,20,16,.94), rgba(10,8,6,.98) 74%);
}
.phase-card:hover{
  box-shadow:0 34px 96px -56px rgba(240,213,143,.5);
}

.payout-major-card,
.payout-major-card.payout-rank-1{
  animation:none;
  background:
    linear-gradient(180deg, rgba(31,24,16,.94), rgba(12,10,8,.98)),
    radial-gradient(circle at 50% -12%, rgba(240,213,143,.18), transparent 60%);
  border-color:rgba(232,207,154,.18);
}
.payout-major-card.payout-rank-1{
  background:
    linear-gradient(180deg, rgba(50,36,18,.96), rgba(12,10,8,.98)),
    radial-gradient(circle at 50% -12%, rgba(240,213,143,.3), transparent 62%);
  border-color:rgba(240,213,143,.42);
}
.payout-week-tab.is-live{
  background:linear-gradient(135deg, rgba(240,213,143,.18), rgba(91,31,29,.1));
  border-color:rgba(240,213,143,.34);
}
.payout-week-tab.is-live b,
.payout-week-tab.is-paid b{color:var(--champagne)}
.payout-week-tab.is-paid{
  background:linear-gradient(135deg, rgba(240,213,143,.22), rgba(166,111,53,.12));
  border-color:rgba(240,213,143,.38);
}
.payout-consolation,
.payout-consolation-row{
  border-color:rgba(232,207,154,.12);
}

.mobile-flow::before{background:linear-gradient(90deg, #090806, transparent)}
.mobile-flow::after{background:linear-gradient(270deg, #090806, transparent)}
.mobile-flow-card,
.mobile-flow-card.blue,
.mobile-flow-card.green,
.mobile-flow-card.gold,
.mobile-flow-card.cyan{
  background:linear-gradient(180deg, rgba(31,24,16,.92), rgba(10,8,6,.97));
  border-color:rgba(232,207,154,.14);
}
.mobile-flow-card span{
  background:linear-gradient(135deg, #f0d58f, #a66f35);
}

@media (prefers-reduced-motion: no-preference){
  .motion-ready{
    opacity:0;
    filter:blur(7px);
    will-change:transform, opacity, filter;
    transition:
      opacity .72s cubic-bezier(.2,.72,.16,1),
      transform .72s cubic-bezier(.2,.72,.16,1),
      filter .72s cubic-bezier(.2,.72,.16,1);
    transition-delay:calc(min(var(--motion-i, 0), 8) * 48ms);
  }
  .motion-rise{transform:translate3d(0,24px,0)}
  .motion-panel{transform:translate3d(0,18px,0) scale(.985);transform-origin:50% 75%}
  .motion-left{transform:translate3d(-30px,0,0)}
  .motion-right{transform:translate3d(30px,0,0)}
  .motion-pop{transform:translate3d(0,14px,0) scale(.965)}
  .motion-row{
    transform:translate3d(18px,0,0);
    filter:none;
    transition-duration:.5s;
    transition-delay:calc(min(var(--motion-i, 0), 10) * 34ms);
  }
  .motion-in{
    opacity:1;
    transform:none;
    filter:none;
  }
}
@media (prefers-reduced-motion: reduce){
  .motion-ready{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }
}

.hero-panel,
.hero-kpi,
.hero-leader,
.hero-guard,
.prop-strip-item,
.challenge-offer,
.objective-table,
.objective-row,
.challenge-timeline div,
.challenge-specs div,
.challenge-matrix div,
.review-steps div,
.cockpit-list div,
.objective-card,
.phase-card,
.card,
.feat,
.faq,
.rule,
.payout-major-card,
.payout-consolation-row,
.mobile-flow-card{
  transition:
    transform .24s cubic-bezier(.2,.7,.2,1),
    border-color .24s ease,
    box-shadow .24s ease,
    background .24s ease;
}

@media (hover:hover) and (pointer:fine){
  .hero-panel:hover,
  .challenge-offer:hover,
  .objective-table:hover,
  .card:hover,
  .feat:hover,
  .faq:hover,
  .rule:hover{
    transform:translateY(-4px);
    border-color:rgba(240,213,143,.28);
    box-shadow:0 30px 82px -46px rgba(240,213,143,.32);
  }
  .hero-main-panel:hover{
    transform:translateY(-3px) scale(1.006);
  }
  .hero-kpi:hover{
    transform:translateY(-3px);
    border-color:rgba(240,213,143,.24);
    background:rgba(255,244,220,.065);
  }
  .hero-leader:hover{
    transform:translateX(6px);
    background:rgba(240,213,143,.07);
    border-color:rgba(240,213,143,.22);
  }
  .hero-guard:hover,
  .objective-row:hover,
  .offer-prizes div:hover,
  .payout-consolation-row:hover{
    transform:translateX(5px);
    border-color:rgba(240,213,143,.22);
    background:rgba(255,244,220,.06);
  }
  .hero-prop-list .prop-strip-item:hover{
    transform:translateX(8px) scale(1.012);
    border-color:rgba(240,213,143,.34);
    box-shadow:0 24px 70px -42px rgba(240,213,143,.34);
  }
  .challenge-timeline div:nth-child(odd):hover,
  .challenge-specs div:nth-child(odd):hover,
  .challenge-matrix div:nth-child(odd):hover,
  .review-steps div:nth-child(odd):hover,
  .cockpit-list div:nth-child(odd):hover{
    transform:translateY(-4px);
  }
  .challenge-timeline div:nth-child(even):hover,
  .challenge-specs div:nth-child(even):hover,
  .challenge-matrix div:nth-child(even):hover,
  .review-steps div:nth-child(even):hover,
  .cockpit-list div:nth-child(even):hover{
    transform:translateY(-2px) scale(1.012);
  }
  .objective-card:hover,
  .phase-card:hover{
    transform:translateY(-6px) scale(1.01);
    border-color:rgba(240,213,143,.3);
  }
  .payout-major-card:hover{
    transform:translateY(-8px) scale(1.025);
    border-color:rgba(240,213,143,.72);
  }
  .mobile-flow-card:hover{
    transform:translateY(-5px);
    border-color:rgba(240,213,143,.3);
  }
}

@media (hover:none){
  .hero-panel:active,
  .prop-strip-item:active,
  .card:active,
  .tier:active,
  .phase-card:active,
  .payout-major-card:active{
    transform:scale(.985);
    border-color:rgba(240,213,143,.34);
  }
}

/* Mobile-specific compact edition. Desktop keeps the full presentation. */
@media(max-width:640px){
  :root{--nav-top-gap:4px}
  html{scroll-padding-top:116px}
  body{padding-bottom:78px}
  .wrap{
    padding-left:12px;
    padding-right:12px;
  }
  .nav{
    top:var(--nav-top-gap);
    margin-top:var(--nav-top-gap);
  }
  .nav .wrap{
    display:grid;
    grid-template-columns:minmax(118px,auto) minmax(0,1fr);
    align-items:center;
    gap:6px 8px;
    min-height:0;
    padding-top:6px;
    padding-bottom:6px;
  }
  .brand{
    font-size:17px;
    line-height:.92;
    letter-spacing:0;
  }
  .brand small{
    margin-top:2px;
    font-size:7.5px;
    letter-spacing:.18em;
  }
  .nav-timebar{
    order:2;
    flex:auto;
    width:auto;
    min-width:0;
    max-width:none;
    height:32px;
    margin:0;
    padding:0 9px;
    gap:6px;
    justify-self:stretch;
  }
  .nav-timebar span{
    font-size:8px;
    letter-spacing:.06em;
  }
  .nav-timebar b{
    font-size:12px;
  }
  .nav .links{
    order:3;
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:1.05fr .72fr .86fr .7fr 1fr;
    gap:5px;
    width:100%;
    margin:0;
    padding:0;
    overflow:visible;
  }
  .nav .links a,
  .nav .links a:not(.cta),
  .nav .links a.cta{
    display:flex;
    width:100%;
    min-width:0;
    min-height:30px;
    padding:0 6px;
    border-radius:999px;
    font-size:0;
    line-height:1;
    white-space:nowrap;
    box-shadow:none;
  }
  .nav .links a::after{
    content:attr(data-mobile);
    position:static;
    inset:auto;
    display:block;
    width:auto;
    height:auto;
    border-radius:0;
    background:none;
    transform:none;
    transition:none;
    pointer-events:auto;
    font-size:10.5px;
    font-weight:900;
    letter-spacing:0;
  }
  .nav .links a.cta{
    grid-column:auto;
    min-height:30px;
  }

  .hero{
    min-height:auto;
    padding-top:20px;
    padding-bottom:22px;
  }
  .hero-shell,
  .hero-lower-shell{
    gap:10px;
  }
  .hero-lower-shell{
    margin-top:10px;
  }
  .hero-copy{
    text-align:left;
  }
  .kicker{
    margin-bottom:10px;
    padding:10px 12px;
    border-radius:12px;
  }
  .kicker .big{
    font-size:15px;
    line-height:1.25;
  }
  .kicker .small,
  .hero-est,
  .hero-copy > p.sub:not(.hero-signature),
  .hero-title-panel,
  .prizepool .pp-sub{
    display:none !important;
  }
  .hero-pills{
    gap:6px;
    margin-bottom:10px;
  }
  .hero-pills span{
    min-height:27px;
    padding:0 9px;
    font-size:10.5px;
    border-radius:999px;
  }
  .hero-pills span:nth-child(3){
    display:none;
  }
  .hero h1.hero-logo-title{
    max-width:none;
    font-size:clamp(36px,10.8vw,48px);
    line-height:.96;
  }
  .hero-logo-title .hero-brand-line{
    white-space:nowrap;
  }
  .hero-logo-title .hero-challenge{
    margin-top:.02em;
    font-size:.58em;
  }
  .hero-signature{
    max-width:22rem;
    margin-top:9px !important;
    font-size:clamp(17px,5vw,21px) !important;
    line-height:1.22;
  }
  .prizepool{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin-top:12px;
    padding:9px;
    border-radius:13px;
  }
  .prizepool .pp-item:first-child{
    grid-column:auto;
    padding-bottom:0;
    border-bottom:0;
  }
  .pp-lbl{
    font-size:8.5px;
    letter-spacing:.06em;
  }
  .pp-val,
  .pp-val.green,
  .pp-val.cyan{
    font-size:18px;
    line-height:1.05;
  }
  .hero .actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:12px;
  }
  .hero .actions .btn,
  .hero .actions a,
  .btn,
  .portal-btn,
  .btn-tele.portal-btn{
    min-height:40px;
    padding:9px 10px;
    border-radius:12px;
    font-size:12px;
  }
  .hero .actions .portal-grid{
    grid-column:1 / -1;
  }
  .portal-grid-single{
    max-width:none;
  }

  .hero-stage{
    gap:9px;
  }
  .hero-panel{
    padding:12px;
    border-radius:15px;
  }
  .hero-main-panel{
    gap:10px;
  }
  .hero-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin-bottom:0;
  }
  .hero-kpi{
    min-height:72px;
    padding:9px;
    border-radius:12px;
  }
  .hero-kpi-label{
    font-size:8.5px;
    letter-spacing:.06em;
  }
  .hero-kpi strong{
    font-size:17px;
  }
  .hero-kpi small{
    font-size:10px;
    line-height:1.25;
  }
  .hero-board{
    padding:10px;
    border-radius:13px;
  }
  .hero-board-title{
    font-size:12px;
  }
  .hero-board-meta{
    font-size:10px;
  }
  .hero-leaders{
    gap:7px;
  }
  .hero-leader{
    padding:8px;
  }
  .hero-rank{
    width:29px;
    height:29px;
    border-radius:9px;
    font-size:11px;
  }
  .hero-trader-name{
    font-size:12px;
  }
  .hero-trader-sub{
    font-size:9px;
  }
  .hero-score{
    font-size:14px;
  }
  .hero-leader:nth-child(n+4),
  .hero-bar,
  .hero-leader-stats{
    display:none;
  }

  .hero-prop-list{
    gap:8px;
  }
  .hero-prop-list .prop-strip-item{
    padding:12px;
    border-radius:13px;
    grid-template-columns:minmax(88px,.4fr) minmax(0,.6fr);
    column-gap:10px;
  }
  .hero-prop-list .prop-strip-item span{
    font-size:9px;
  }
  .hero-prop-list .prop-strip-item strong{
    font-size:16px;
  }
  .hero-prop-list .prop-strip-item small{
    grid-column:2;
    grid-row:1 / span 2;
    margin-top:0;
    font-size:11px;
    line-height:1.35;
  }

  section.block{
    padding-top:38px;
    padding-bottom:38px;
  }
  .sec-head{
    margin-bottom:16px;
  }
  .sec-head h2{
    font-size:clamp(24px,7vw,34px);
  }
  .sec-head p,
  .challenge-suite-head p{
    font-size:13px;
    line-height:1.5;
  }
  .challenge-suite-head{
    margin-bottom:14px;
  }
  .challenge-offer,
  .objective-table,
  .challenge-card,
  .cockpit-panel,
  .card,
  .tier,
  .phase-card,
  .faq,
  .rule,
  .cta-box{
    border-radius:14px;
  }
}

@media(max-width:420px){
  .wrap{
    padding-left:10px;
    padding-right:10px;
  }
  .nav .wrap{
    grid-template-columns:minmax(104px,auto) minmax(0,1fr);
    gap:5px 6px;
  }
  .brand{
    font-size:15px;
  }
  .brand small{
    font-size:6.8px;
    letter-spacing:.15em;
  }
  .nav-timebar{
    height:29px;
    padding:0 7px;
  }
  .nav-timebar span{
    display:none;
  }
  .nav-timebar b{
    font-size:11.5px;
  }
  .nav .links{
    grid-template-columns:1fr .62fr .78fr .6fr .9fr;
    gap:4px;
  }
  .nav .links a,
  .nav .links a:not(.cta),
  .nav .links a.cta{
    min-height:28px;
    padding:0 4px;
  }
  .nav .links a::after{
    font-size:9.6px;
  }
  .hero{
    padding-top:16px;
  }
  .hero h1.hero-logo-title{
    font-size:clamp(32px,10vw,40px);
  }
  .hero-signature{
    font-size:16px !important;
  }
  .hero-pills span{
    font-size:10px;
    padding:0 8px;
  }
  .prizepool{
    padding:8px;
  }
  .pp-val,
  .pp-val.green,
  .pp-val.cyan{
    font-size:16px;
  }
  .hero .actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hero .actions .portal-grid{
    grid-column:1 / -1;
  }
  .hero-prop-list .prop-strip-item{
    grid-template-columns:1fr;
  }
  .hero-prop-list .prop-strip-item small{
    grid-column:1;
    grid-row:auto;
    margin-top:5px;
  }
  .hero-prop-list .prop-strip-item:nth-child(n+3){
    display:none;
  }
}
@media(max-width:340px){
  .hero .actions{
    grid-template-columns:1fr;
  }
  .hero .actions .portal-grid{
    grid-column:auto;
  }
}

/* Hero scroll expansion: smooth, subtle, and scroll-driven. */
.hero{
  --hero-scroll:0;
  --hero-expand:0;
  --hero-bg-y:0px;
  --hero-img-y:0px;
  --hero-bg-grow:0%;
  --hero-before-scale:1;
  --hero-before-opacity:.98;
  --hero-grid-y:0px;
  --hero-grid-scale:1;
  --hero-grid-opacity:.13;
  --hero-copy-y:0px;
  --hero-copy-scale:1;
  --hero-stage-y:0px;
  --hero-stage-scale:1;
  --hero-lower-y:0px;
  --hero-title-spacing:0em;
  --hero-clip-start:25%;
  --hero-clip-end:75%;
  --hero-clip-bg-size:170%;
  --hero-clip-y:0px;
  --hero-clip-opacity:.46;
  transform-origin:top center;
}

.hero-cinematic-mask{
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  clip-path:polygon(
    var(--hero-clip-start) var(--hero-clip-start),
    var(--hero-clip-end) var(--hero-clip-start),
    var(--hero-clip-end) var(--hero-clip-end),
    var(--hero-clip-start) var(--hero-clip-end)
  );
  background:
    radial-gradient(620px 360px at 62% 32%, rgba(148,238,242,.2), transparent 62%),
    linear-gradient(90deg, rgba(8,7,5,.22), rgba(8,7,5,.02) 48%, rgba(8,7,5,.46)),
    url("assets/hero-trading-bg.jpg") center calc(50% + var(--hero-clip-y)) / var(--hero-clip-bg-size) auto no-repeat;
  opacity:var(--hero-clip-opacity);
  filter:saturate(1.08) contrast(1.06);
  will-change:clip-path, background-size, background-position, opacity;
}
.hero-cinematic-mask::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), transparent 22%, rgba(0,0,0,.2) 100%),
    radial-gradient(480px 260px at 50% 45%, transparent 34%, rgba(0,0,0,.28) 100%);
}
.hero-cinematic-mask::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(201,147,63,.34);
  box-shadow:
    inset 0 0 0 1px rgba(148,238,242,.08),
    0 0 46px rgba(201,147,63,.16);
  opacity:.72;
}

@media (prefers-reduced-motion: no-preference){
  .hero.hero-scroll-fx{
    background-position:
      center calc(50% + var(--hero-bg-y)),
      center center,
      center calc(50% + var(--hero-img-y));
    background-size:
      100% 100%,
      100% 100%,
      calc(100% + var(--hero-bg-grow)) auto;
  }
  .hero.hero-scroll-fx::before{
    transform:scale(var(--hero-before-scale));
    transform-origin:50% 22%;
    opacity:var(--hero-before-opacity);
  }
  .hero.hero-scroll-fx::after{
    transform:translateY(var(--hero-grid-y)) scale(var(--hero-grid-scale));
    opacity:var(--hero-grid-opacity);
  }
  .hero.hero-scroll-fx .hero-copy{
    transform:translate3d(0, var(--hero-copy-y), 0) scale(var(--hero-copy-scale));
    transform-origin:left top;
    will-change:transform;
  }
  .hero.hero-scroll-fx .hero-stage{
    transform:translate3d(0, var(--hero-stage-y), 0) scale(var(--hero-stage-scale));
    transform-origin:right top;
    will-change:transform;
  }
  .hero.hero-scroll-fx .hero-lower-shell{
    transform:translate3d(0, var(--hero-lower-y), 0);
    will-change:transform;
  }
  .hero.hero-scroll-fx .hero-logo-title{
    letter-spacing:var(--hero-title-spacing);
  }
}

@media(max-width:640px) and (prefers-reduced-motion: no-preference){
  .hero.hero-scroll-fx{
    background-position:
      center calc(50% + var(--hero-bg-y)),
      center center,
      center calc(50% + var(--hero-img-y));
    background-size:
      100% 100%,
      100% 100%,
      calc(100% + var(--hero-bg-grow)) auto;
  }
  .hero.hero-scroll-fx .hero-copy{
    transform:translate3d(0, var(--hero-copy-y), 0) scale(var(--hero-copy-scale));
  }
  .hero.hero-scroll-fx .hero-stage,
  .hero.hero-scroll-fx .hero-lower-shell{
    transform:translate3d(0, var(--hero-stage-y), 0);
  }
  .hero.hero-scroll-fx .hero-logo-title{
    letter-spacing:0;
  }
}

/* Apply the same scroll effect even when the browser prefers reduced motion;
   JS lowers the amplitude in that case. */
.hero.hero-scroll-fx{
  background-position:
    center calc(50% + var(--hero-bg-y)),
    center center,
    center calc(50% + var(--hero-img-y));
  background-size:
    100% 100%,
    100% 100%,
    calc(100% + var(--hero-bg-grow)) auto;
}
.hero.hero-scroll-fx::before{
  transform:scale(var(--hero-before-scale));
  transform-origin:50% 22%;
  opacity:var(--hero-before-opacity);
}
.hero.hero-scroll-fx::after{
  transform:translateY(var(--hero-grid-y)) scale(var(--hero-grid-scale));
  opacity:var(--hero-grid-opacity);
}
.hero.hero-scroll-fx .hero-copy{
  transform:translate3d(0, var(--hero-copy-y), 0) scale(var(--hero-copy-scale));
  transform-origin:left top;
  will-change:transform;
}
.hero.hero-scroll-fx .hero-stage{
  transform:translate3d(0, var(--hero-stage-y), 0) scale(var(--hero-stage-scale));
  transform-origin:right top;
  will-change:transform;
}
.hero.hero-scroll-fx .hero-lower-shell{
  transform:translate3d(0, var(--hero-lower-y), 0);
  will-change:transform;
}
.hero.hero-scroll-fx .hero-logo-title{
  letter-spacing:var(--hero-title-spacing);
}

.hero.hero-scroll-fx .hero-cinematic-mask{
  clip-path:polygon(
    var(--hero-clip-start) var(--hero-clip-start),
    var(--hero-clip-end) var(--hero-clip-start),
    var(--hero-clip-end) var(--hero-clip-end),
    var(--hero-clip-start) var(--hero-clip-end)
  );
  background-position:center calc(50% + var(--hero-clip-y));
  background-size:var(--hero-clip-bg-size) auto;
}

@media(max-width:640px){
  .hero.hero-scroll-fx .hero-logo-title{
    letter-spacing:0;
  }
  .hero-cinematic-mask{
    opacity:var(--hero-clip-opacity);
    background-size:var(--hero-clip-bg-size) auto;
  }
}

/* Contrast pass: use gold as material/accent, not as the main text color. */
:root{
  --cyan:#f7f4ed;
  --green:#f7f4ed;
  --champagne:#f7f4ed;
  --gold:#c9933f;
  --txt:#f7f4ed;
  --dim:#c7c0b4;
  --dim2:#8f877b;
  --contrast-gold:#c9933f;
  --contrast-gold-2:#f0cf7c;
  --contrast-black:#070604;
}

.green,
.cyan,
.gold,
.hero-logo-title .hero-challenge,
.hero-est,
.hero-label,
.hero-score,
.hero-rank,
.hero-guard-badge,
.hero-guard-badge.ok,
.hero-guard-badge.info,
.pp-val.green,
.pp-val.cyan,
.prop-strip-item span,
.sec-tag,
.offer-badge,
.offer-reward b,
.offer-prizes b,
.offer-prize-copy small,
.tier-dep,
.tp-val,
.top-prize-button span,
.prize-rank,
.objective-note span,
.challenge-price,
.review-steps b,
.phase-card li::before,
.code,
.rank.r1,
.pill,
.rules-notice-kicker,
.rules-notice p b,
.rules-warning b,
.st.ok,
.st.warn,
.paid,
.pending,
.cd-head,
.cd-end,
.cd-end-state,
.trust-strip span,
.cockpit-top b,
.cockpit-list span,
.faq summary::after,
.payout-week-tab.is-live b,
.payout-week-tab.is-paid b,
.payout-prize-name,
.payout-prize-value,
.tier-payout-card .payout-prize-name,
.tier-payout-row .payout-consolation-roi{
  color:#f7f4ed !important;
}

.brand .k,
.hero-logo-title .hero-kn{
  color:#00dfff !important;
  text-shadow:0 0 18px rgba(0,223,255,.18), 0 18px 56px rgba(0,0,0,.72);
}

.brand .n,
.hero-logo-title .hero-invest,
.hero h1,
.hero h1 .glow,
h1,
h2,
.sec-head h2,
.challenge-suite-head h2,
.lb-head h1,
.hero-panel h3,
.card h3,
.phase-card h3,
.tier-sub,
.objective-card strong,
.objective-row b,
.payout-major-card h3{
  color:#fffaf0 !important;
}

.btn-cyan,
.btn-green,
.btn-tele,
.portal-btn,
.nav .cta,
.nav .links a.cta,
.chip.on,
.badge.live,
.phase-num,
.challenge-timeline span,
.step .num.c,
.step .num.g,
.step .num.y,
.mobile-bar .btn:first-child{
  background:linear-gradient(135deg, #f2d482 0%, #c88d36 52%, #8c551c 100%) !important;
  color:var(--contrast-black) !important;
  border-color:rgba(240,207,124,.42) !important;
  box-shadow:0 18px 44px rgba(153,95,28,.24) !important;
}

.btn-outline,
.mobile-bar .btn:not(:first-child){
  background:rgba(7,6,4,.72) !important;
  color:#fffaf0 !important;
  border-color:rgba(255,250,240,.22) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02) !important;
}
.btn-outline:hover,
.mobile-bar .btn:not(:first-child):hover{
  border-color:rgba(240,207,124,.48) !important;
  box-shadow:0 16px 36px -24px rgba(240,207,124,.42) !important;
}

.btn-form.portal-btn{
  background:linear-gradient(135deg, #fffdf6 0%, #dcefff 100%) !important;
  color:#07131c !important;
  border-color:rgba(255,255,255,.42) !important;
  box-shadow:0 18px 44px rgba(255,255,255,.12) !important;
}

.nav-timebar b,
.hero-live,
.hero-live span,
.status-dot,
.payout-rank-badge,
.prize-medal,
.offer-badge,
.pill,
.paid,
.pending,
.st.ok,
.st.warn,
.hero-guard-badge{
  color:#fffaf0 !important;
}

.hero-live,
.offer-badge,
.pill,
.paid,
.pending,
.st.ok,
.st.warn,
.hero-guard-badge,
.payout-rank-badge,
.prize-medal{
  background:rgba(255,255,255,.065) !important;
  border-color:rgba(255,255,255,.15) !important;
}

.hero-live span,
.status-dot{
  background:#fffaf0 !important;
  box-shadow:0 0 14px rgba(255,250,240,.42) !important;
}

.hero-bar span,
.cd-progress-track span{
  background:linear-gradient(90deg, #fffaf0, rgba(201,147,63,.72)) !important;
  box-shadow:0 0 18px rgba(255,250,240,.18) !important;
}

.prizepool,
.offer-reward,
.rules-notice,
.cd-wrap{
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    linear-gradient(135deg, rgba(201,147,63,.12), transparent 54%) !important;
  border-color:rgba(255,255,255,.13) !important;
  box-shadow:0 24px 72px -48px rgba(0,0,0,.9) !important;
}

.hero-panel,
.challenge-offer,
.objective-table,
.challenge-card,
.cockpit-panel,
.panel,
.card,
.tier,
.rule,
.faq,
.tele-box,
.cta-box,
.mr-card,
.feat,
.prop-strip-item,
.top-prize-button,
.prize-card,
.payout-major-card,
.payout-major-card.payout-rank-1,
.mobile-flow-card{
  border-color:rgba(255,255,255,.115) !important;
}

.hero-panel:hover,
.challenge-offer:hover,
.objective-table:hover,
.card:hover,
.feat:hover,
.faq:hover,
.rule:hover,
.objective-card:hover,
.phase-card:hover,
.payout-major-card:hover,
.prize-card:hover{
  border-color:rgba(240,207,124,.38) !important;
}

tbody tr.top,
.chip:hover,
.nav .links a:hover,
.nav .links a.active{
  background:rgba(255,255,255,.07) !important;
}

/* Cool balance pass: muted cyan/teal balances the gold CTA without going neon. */
:root{
  --cool:#5ed6df;
  --cool-soft:#94eef2;
  --cool-deep:#123a3d;
  --cool-glass:rgba(94,214,223,.105);
  --cool-line:rgba(148,238,242,.24);
}

body{
  background:
    radial-gradient(900px 420px at 70% 14%, rgba(94,214,223,.08), transparent 62%),
    radial-gradient(760px 380px at 18% 36%, rgba(201,147,63,.055), transparent 65%),
    linear-gradient(180deg, #0d0b08 0%, #080705 44%, #120f0a 100%) !important;
}

.hero::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 18%, transparent 70%, rgba(8,7,5,.94)),
    radial-gradient(620px 300px at 64% 32%, rgba(94,214,223,.12), transparent 66%),
    radial-gradient(540px 260px at 30% 18%, rgba(201,147,63,.08), transparent 68%),
    radial-gradient(760px 440px at 24% 42%, rgba(0,0,0,.66), transparent 72%) !important;
}

.brand .k,
.hero-logo-title .hero-kn{
  color:var(--cool-soft) !important;
  text-shadow:0 0 18px rgba(94,214,223,.24), 0 18px 56px rgba(0,0,0,.72) !important;
}

.nav-timebar,
.kicker,
.hero-pills span,
.hero-ticker span{
  background:
    linear-gradient(135deg, rgba(94,214,223,.085), rgba(255,255,255,.035)),
    rgba(16,13,9,.56) !important;
  border-color:rgba(148,238,242,.16) !important;
}

.nav .links a:not(.cta).active,
.nav .links a:not(.cta):hover{
  color:#fffaf0 !important;
  background:rgba(94,214,223,.095) !important;
  border-color:rgba(148,238,242,.18) !important;
}

.hero-panel,
.hero-kpi,
.hero-board,
.hero-leader,
.hero-guard,
.challenge-offer,
.objective-table,
.challenge-card,
.cockpit-panel,
.card,
.tier,
.rule,
.faq,
.tele-box,
.cta-box,
.mr-card,
.feat,
.prop-strip-item,
.top-prize-button,
.prize-card,
.payout-major-card,
.payout-major-card.payout-rank-1,
.mobile-flow-card{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 26px 84px rgba(0,0,0,.48) !important;
}

.hero-panel,
.hero-board,
.objective-table,
.panel,
.payout-consolation{
  border-color:rgba(148,238,242,.14) !important;
}

.hero-kpi:nth-child(even),
.hero-leader,
.objective-row,
.challenge-specs div,
.challenge-matrix div,
.cockpit-list div,
.payout-consolation-row{
  background:
    linear-gradient(180deg, rgba(94,214,223,.052), rgba(255,255,255,.026)) !important;
  border-color:rgba(148,238,242,.12) !important;
}

.hero-rank,
.offer-prizes b,
.phase-num,
.challenge-timeline span,
.step .num.c,
.step .num.g{
  background:linear-gradient(135deg, rgba(94,214,223,.22), rgba(255,255,255,.06)) !important;
  border-color:rgba(148,238,242,.26) !important;
  color:#fffaf0 !important;
}

.hero-bar span,
.cd-progress-track span{
  background:linear-gradient(90deg, var(--cool-soft), #fffaf0, rgba(201,147,63,.7)) !important;
  box-shadow:0 0 20px rgba(94,214,223,.24) !important;
}

.btn-outline,
.mobile-bar .btn:not(:first-child){
  border-color:rgba(148,238,242,.28) !important;
  box-shadow:inset 0 0 0 1px rgba(94,214,223,.035) !important;
}

.btn-outline:hover,
.mobile-bar .btn:not(:first-child):hover{
  border-color:rgba(148,238,242,.48) !important;
  box-shadow:0 16px 36px -24px rgba(94,214,223,.45) !important;
}

.prizepool,
.offer-reward,
.rules-notice,
.cd-wrap{
  background:
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.024)),
    linear-gradient(135deg, rgba(94,214,223,.105), transparent 46%),
    linear-gradient(315deg, rgba(201,147,63,.09), transparent 58%) !important;
  border-color:rgba(148,238,242,.14) !important;
}

.hero-panel:hover,
.challenge-offer:hover,
.objective-table:hover,
.card:hover,
.feat:hover,
.faq:hover,
.rule:hover,
.objective-card:hover,
.phase-card:hover,
.payout-major-card:hover,
.prize-card:hover{
  border-color:rgba(148,238,242,.32) !important;
  box-shadow:0 30px 86px -48px rgba(94,214,223,.24) !important;
}

.btn-cyan:hover,
.btn-green:hover,
.btn-tele:hover,
.portal-btn:hover,
.nav .cta:hover,
.nav .links a.cta:hover{
  filter:saturate(1.03) brightness(1.04);
  box-shadow:
    0 18px 44px rgba(153,95,28,.24),
    0 0 0 1px rgba(148,238,242,.18) !important;
}

/* Hero title containment: keep the logo headline inside its column on PC/mobile. */
.hero-copy,
.hero-logo-title,
.hero-logo-title .hero-brand-line,
.hero-logo-title .hero-challenge{
  min-width:0;
  max-width:100%;
}
.hero h1.hero-logo-title{
  inline-size:min(100%, 9.9ch);
  max-width:min(100%, 9.9ch);
  font-size:clamp(48px, 5.85vw, 88px);
  line-height:.94;
  overflow:visible;
}
.hero-logo-title .hero-brand-line{
  display:flex;
  align-items:baseline;
  gap:.22em;
  white-space:normal;
  flex-wrap:wrap;
}
.hero-logo-title .hero-kn,
.hero-logo-title .hero-invest,
.hero-logo-title .hero-challenge{
  overflow-wrap:normal;
}
.hero-logo-title .hero-challenge{
  font-size:.68em;
}

@media(min-width:1101px){
  .hero-copy{
    max-width:min(100%, 590px);
  }
  .hero-stage{
    position:relative;
    z-index:2;
  }
}

@media(max-width:1100px){
  .hero h1.hero-logo-title{
    inline-size:100%;
    max-width:100%;
    font-size:clamp(48px, 8vw, 78px);
  }
  .hero-logo-title .hero-brand-line{
    flex-wrap:nowrap;
  }
}

@media(max-width:640px){
  .hero-copy{
    overflow:visible;
  }
  .hero h1.hero-logo-title{
    inline-size:100%;
    max-width:100%;
    font-size:clamp(34px, 9.4vw, 42px);
    line-height:1;
    transform:none !important;
  }
  .hero-logo-title .hero-brand-line{
    gap:.18em;
    flex-wrap:wrap;
    white-space:normal;
  }
  .hero-logo-title .hero-challenge{
    font-size:.62em;
    line-height:1.02;
  }
  .hero.hero-scroll-fx .hero-copy{
    transform:none !important;
  }
}

@media(max-width:380px){
  .hero h1.hero-logo-title{
    font-size:clamp(31px, 9vw, 36px);
  }
}

@media(max-width:700px){
  .nav .links{
    display:grid;
    grid-template-columns:1.05fr .72fr .86fr .7fr 1fr;
    gap:5px;
    width:100%;
    overflow:visible;
    padding:0;
    margin:0;
    scroll-snap-type:none;
  }
  .nav .links a,
  .nav .links a:not(.cta),
  .nav .links a.cta{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0;
    min-height:31px;
    padding:0 6px;
    font-size:0;
    line-height:1;
    white-space:nowrap;
  }
  .nav .links a::after{
    content:attr(data-mobile);
    position:static;
    display:block;
    background:none;
    transform:none;
    color:inherit;
    font-size:10.5px;
    font-weight:900;
  }
}

/* Center the hero logo lockup on tablet/mobile. */
@media(max-width:1100px){
  .hero-copy{
    text-align:center !important;
  }
  .hero h1.hero-logo-title{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
  .hero-logo-title .hero-brand-line{
    justify-content:center;
  }
  .hero-logo-title .hero-challenge{
    text-align:center;
  }
  .hero-signature{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center;
  }
}

@media(max-width:640px){
  .hero-copy{
    text-align:center !important;
  }
  .kicker{
    text-align:center;
  }
  .hero-pills{
    justify-content:center;
  }
  .hero h1.hero-logo-title{
    width:100%;
  }
  .hero-logo-title .hero-brand-line{
    justify-content:center;
  }
}

/* Royal gold title accent: only the challenge name gets the premium gold finish. */
.hero-logo-title .hero-challenge{
  color:#f3c45d !important;
  background:
    linear-gradient(180deg, #fff6c8 0%, #f2c45d 34%, #a96a1e 66%, #f7d98a 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:
    0 1px 0 rgba(255,255,255,.12),
    0 16px 46px rgba(0,0,0,.76);
  filter:drop-shadow(0 8px 22px rgba(192,130,40,.28));
}

/* Balance the hero eyebrow: line, label, line. */
.hero-est::before,
.hero-est::after{
  box-shadow:0 0 12px rgba(217,162,64,.24);
}

/* Prize rank badges must keep ranges such as 4-10 on one line. */
.offer-prizes div{
  grid-template-columns:44px minmax(0,1fr) !important;
}
.offer-prizes b{
  box-sizing:border-box;
  width:42px;
  min-width:42px;
  height:32px;
  padding:0 6px;
  white-space:nowrap;
  letter-spacing:0;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

@media(max-width:380px){
  .offer-prizes div{
    grid-template-columns:42px minmax(0,1fr) !important;
  }
  .offer-prizes b{
    width:40px;
    min-width:40px;
    font-size:12px;
  }
}

/* Hero proof cards: cyan labels and larger white values contrast the warm gold cards. */
.hero-prop-list .prop-strip-item{
  position:relative;
  overflow:hidden;
  grid-template-columns:minmax(150px,.43fr) minmax(0,.57fr) !important;
  column-gap:24px;
  padding:20px 22px;
  transition:
    transform .26s cubic-bezier(.2,.78,.2,1),
    border-color .26s ease,
    box-shadow .26s ease,
    background .26s ease;
  will-change:transform;
}
.hero-prop-list .prop-strip-item::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:
    linear-gradient(105deg, transparent 0 36%, rgba(255,244,205,.18) 48%, transparent 60%),
    linear-gradient(90deg, rgba(143,246,255,.11), transparent 34%, rgba(217,162,64,.14));
  opacity:0;
  transform:translateX(-24%);
  transition:opacity .26s ease, transform .52s cubic-bezier(.2,.78,.2,1);
  pointer-events:none;
}
.hero-prop-list .prop-strip-item::after{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg, transparent, #f3c45d, #8ff6ff, transparent);
  opacity:.26;
  box-shadow:0 0 18px rgba(143,246,255,.18);
  transition:opacity .26s ease, box-shadow .26s ease;
}
.hero-prop-list .prop-strip-item span{
  position:relative;
  z-index:1;
  color:#8ff6ff !important;
  font-size:13.5px;
  font-weight:950;
  letter-spacing:.06em;
  text-shadow:0 0 16px rgba(143,246,255,.18);
  transition:color .22s ease, text-shadow .22s ease, transform .22s ease;
}
.hero-prop-list .prop-strip-item strong{
  position:relative;
  z-index:1;
  color:#fffaf0 !important;
  font-size:clamp(26px,2.15vw,31px);
  font-weight:950;
  line-height:1.05;
  text-shadow:0 12px 34px rgba(0,0,0,.55);
  transition:color .22s ease, text-shadow .22s ease, transform .22s ease;
}
.hero-prop-list .prop-strip-item strong.prop-value-cyan{
  color:#8ff6ff !important;
  text-shadow:0 0 20px rgba(143,246,255,.24), 0 12px 34px rgba(0,0,0,.55);
}
.hero-prop-list .prop-strip-item small{
  position:relative;
  z-index:1;
  color:#e7dfd1 !important;
  font-size:14px;
  line-height:1.5;
  transition:color .22s ease, transform .22s ease;
}

@media (hover:hover) and (pointer:fine){
  .hero-prop-list .prop-strip-item:hover{
    transform:translateX(10px) translateY(-3px) scale(1.018) !important;
    border-color:rgba(243,196,93,.46) !important;
    background:
      linear-gradient(180deg, rgba(38,28,14,.92), rgba(12,9,5,.96)),
      linear-gradient(135deg, rgba(143,246,255,.08), transparent 40%, rgba(243,196,93,.11)) !important;
    box-shadow:
      0 24px 76px -42px rgba(243,196,93,.48),
      0 0 0 1px rgba(143,246,255,.12) !important;
  }
  .hero-prop-list .prop-strip-item:hover::before{
    opacity:1;
    transform:translateX(18%);
  }
  .hero-prop-list .prop-strip-item:hover::after{
    opacity:.9;
    box-shadow:0 0 22px rgba(243,196,93,.42), 0 0 18px rgba(143,246,255,.22);
  }
  .hero-prop-list .prop-strip-item:hover span{
    color:#f3fbff !important;
    text-shadow:0 0 20px rgba(143,246,255,.36);
    transform:translateX(2px);
  }
  .hero-prop-list .prop-strip-item:hover strong{
    color:#fff8dc !important;
    text-shadow:0 0 20px rgba(243,196,93,.22), 0 14px 36px rgba(0,0,0,.62);
    transform:translateX(2px);
  }
  .hero-prop-list .prop-strip-item:hover small{
    color:#fffaf0 !important;
    transform:translateX(4px);
  }
}

.hero-prop-list .prop-strip-item:active{
  transform:scale(.992);
}

@media(max-width:640px){
  .hero-prop-list .prop-strip-item{
    grid-template-columns:minmax(112px,.44fr) minmax(0,.56fr) !important;
    column-gap:14px;
    padding:15px;
  }
  .hero-prop-list .prop-strip-item span{
    font-size:11px;
  }
  .hero-prop-list .prop-strip-item strong{
    font-size:20px;
  }
  .hero-prop-list .prop-strip-item small{
    font-size:12px;
  }
}

/* Keep the pointer reaction active even in browser shells with unusual pointer reporting. */
.hero-prop-list .prop-strip-item:hover,
.hero-prop-list .prop-strip-item.is-hover-preview{
  transform:translateX(10px) translateY(-3px) scale(1.018) !important;
  border-color:rgba(243,196,93,.46) !important;
  background:
    linear-gradient(180deg, rgba(38,28,14,.92), rgba(12,9,5,.96)),
    linear-gradient(135deg, rgba(143,246,255,.08), transparent 40%, rgba(243,196,93,.11)) !important;
  box-shadow:
    0 24px 76px -42px rgba(243,196,93,.48),
    0 0 0 1px rgba(143,246,255,.12) !important;
}
.hero-prop-list .prop-strip-item:hover::before,
.hero-prop-list .prop-strip-item.is-hover-preview::before{
  opacity:1;
  transform:translateX(18%);
}
.hero-prop-list .prop-strip-item:hover::after,
.hero-prop-list .prop-strip-item.is-hover-preview::after{
  opacity:.9;
  box-shadow:0 0 22px rgba(243,196,93,.42), 0 0 18px rgba(143,246,255,.22);
}
.hero-prop-list .prop-strip-item:hover span,
.hero-prop-list .prop-strip-item.is-hover-preview span{
  color:#f3fbff !important;
  text-shadow:0 0 20px rgba(143,246,255,.36);
  transform:translateX(2px);
}
.hero-prop-list .prop-strip-item:hover strong,
.hero-prop-list .prop-strip-item.is-hover-preview strong{
  color:#fff8dc !important;
  text-shadow:0 0 20px rgba(243,196,93,.22), 0 14px 36px rgba(0,0,0,.62);
  transform:translateX(2px);
}
.hero-prop-list .prop-strip-item:hover strong.prop-value-cyan,
.hero-prop-list .prop-strip-item.is-hover-preview strong.prop-value-cyan{
  color:#b8fbff !important;
  text-shadow:0 0 24px rgba(143,246,255,.42), 0 14px 36px rgba(0,0,0,.62);
}
.hero-prop-list .prop-strip-item:hover small,
.hero-prop-list .prop-strip-item.is-hover-preview small{
  color:#fffaf0 !important;
  transform:translateX(4px);
}

.hero-prop-list .prop-strip-item.motion-ready,
.hero-prop-list .prop-strip-item.reveal,
.hero-prop-list .prop-strip-item.in{
  transition:
    transform .26s cubic-bezier(.2,.78,.2,1),
    border-color .26s ease,
    box-shadow .26s ease,
    background .26s ease !important;
}

/* Tier card spacing: prevent Chonburi display text and the live badge from clipping on PC/mobile. */
.tier{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  overflow:visible;
  padding:22px clamp(16px,2.4vw,28px) 24px !important;
}
.tier > .badge{
  position:static !important;
  align-self:center;
  transform:none !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  margin:0 auto 18px;
  padding:6px 15px;
  line-height:1;
  white-space:nowrap;
}
.tier-dep,
.tp-val{
  display:block;
  overflow:visible;
  line-height:1.22 !important;
  padding:.08em 0 .12em;
  text-wrap:balance;
}
.tier-dep{
  font-size:clamp(28px,3.35vw,42px) !important;
  margin:0 auto;
}
.tier-sub{
  line-height:1.45 !important;
}
.tier-prize{
  overflow:visible;
  margin:18px 0 20px !important;
  padding:18px 16px 20px !important;
}
.tp-val{
  font-size:clamp(25px,3vw,36px) !important;
}

@media(max-width:640px){
  .tier{
    padding:18px 16px 20px !important;
  }
  .tier > .badge{
    min-height:26px;
    margin-bottom:14px;
    padding:5px 13px;
    font-size:10px;
  }
  .tier-dep{
    font-size:clamp(28px,8.4vw,36px) !important;
  }
  .tp-val{
    font-size:clamp(24px,7.2vw,32px) !important;
  }
  .tier-prize{
    margin:16px 0 18px !important;
    padding:16px 12px 18px !important;
  }
}

/* Mobile payout scroll fix: let the page own vertical swipes, keep week changes on buttons. */
@media(max-width:640px){
  [data-view="winners"] .block,
  #winners-list,
  .payout-week-carousel,
  .payout-week-card,
  .payout-layout,
  .payout-consolation{
    overflow:visible !important;
  }

  #winners-list,
  .payout-week-carousel,
  .payout-week-rail,
  .payout-week-card,
  .payout-layout,
  .payout-major-grid,
  .payout-major-card,
  .payout-consolation,
  .payout-consolation-row{
    touch-action:pan-y;
  }

  #winners-list{
    margin-left:0;
    margin-right:0;
    width:100%;
  }

  .payout-week-rail{
    margin:0 !important;
    padding:14px 0 24px !important;
    gap:12px !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    overscroll-behavior:auto !important;
    scroll-snap-type:none !important;
    -webkit-overflow-scrolling:auto !important;
  }

  .payout-week-card{
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    padding:52px 12px 18px !important;
    scroll-snap-align:none !important;
  }

  .payout-major-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .payout-major-card,
  .payout-major-card.payout-rank-1{
    min-height:0 !important;
    overflow:visible !important;
  }

  .payout-week-nav{
    top:30px !important;
    transform:none !important;
    width:34px !important;
    height:46px !important;
    border-radius:999px !important;
  }

  .payout-week-nav:hover{
    transform:none !important;
  }

  .payout-week-prev{left:4px !important}
  .payout-week-next{right:4px !important}
}