:root{
  --bg:#0a0a0a;
  --bg2:#141414;
  --bg3:#1a1a1a;
  --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:#f2ca50;
  --silver:#d4d4d4;
  --red:#ff6b6b;
  --txt:#eef5ff;
  --dim:#94a3b8;
  --dim2:#64748b;
  --shadow:0 26px 80px rgba(0,0,0,.42);
  --nav-top-gap:10px;
  --font-body:"Geist","Segoe UI",system-ui,Arial,sans-serif;
  --font-display:"Geist","Segoe UI",system-ui,Arial,sans-serif;
  --font-luxury:"Geist","Segoe UI",system-ui,Arial,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{
  scroll-behavior:smooth;
  scroll-padding-top:calc(78px + var(--nav-top-gap));
  background:#0a0a0a;
  overflow-x:hidden;
}
body{
  min-height:100vh;
  background:
    radial-gradient(1400px 720px at 50% -10%, rgba(0,229,255,.08), transparent 60%),
    linear-gradient(180deg, #0a0a0a 0%, #0a0a0a 46%, #0a0a0a 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, #0a0a0a, rgba(10,10,10,.95));
}
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:800;
  letter-spacing:0;
}
h3,h4{
  font-family:var(--font-body);
  letter-spacing:0;
}

/* Sidebar trái cố định (kiểu Exness): luôn hiện, KHÔNG ẩn, KHÔNG drawer */
:root{--sidebar-w:264px}
body{margin-left:var(--sidebar-w)}
.nav{
  position:fixed;
  top:0;left:0;
  width:var(--sidebar-w);
  height:100vh;
  z-index:60;
  background:#070b14;
  backdrop-filter:blur(18px);
  border-right:1px solid rgba(255,255,255,.08);
  box-shadow:4px 0 30px rgba(0,0,0,.28);
  display:flex;flex-direction:column;
  padding:22px 14px;
  overflow-y:auto;
}
.nav .wrap{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:14px;
}
.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;flex-direction:column;align-items:stretch;gap:6px}
.nav .links a{
  padding:11px 14px;
  border-radius:12px;
  color:var(--dim);
  font-weight:600;
  font-size:14px;
  text-align:left;
  cursor:pointer;
  transition:background .2s,color .2s,transform .2s;
}
.nav .links .brand-link{
  background:linear-gradient(135deg, var(--green), #7dffcb);
  color:#03130c !important;
  font-size:15px;
  font-weight:800;
  border-radius:12px;
  padding:12px 14px;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,255,148,.25);
}
.nav .links .brand-link:hover{
  background:linear-gradient(135deg, #7dffcb, var(--green));
  transform:translateY(-1px);
}
.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);
}
.nav .links{
  display:flex;flex-direction:column;align-items:stretch;
  gap:6px;width:100%;
}
.nav .links a{text-align:left}
.nav-toggle{display:none}
.nav .brand-home{display:none}
/* Mobile: top bar ngang + hamburger → drawer trượt từ trái */
@media(max-width:880px){
  html,body{margin:0!important;padding-left:0!important}
  body{margin-left:0;padding-top:var(--mobilenav-h,70px)}
  :root{--mobilenav-h:70px}
  .nav{
    position:fixed;top:0!important;left:0!important;margin:0!important;
    width:100%;height:auto;
    flex-direction:column;align-items:stretch;
    padding:8px 12px 8px;
    border-right:none;border-bottom:1px solid rgba(255,255,255,.08);
    overflow:visible;
  }
  .nav .wrap{flex-direction:row;align-items:center;gap:8px;width:100%}
  .nav .brand-home{display:block;font-size:18px;flex:1}
  .nav-sub{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;line-height:1.2;color:#aeb6c2;width:100%}
  .nav-toggle{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    width:42px;height:42px;flex:0 0 42px;
    border:1px solid rgba(255,255,255,.14);border-radius:12px;
    background:rgba(255,255,255,.05);cursor:pointer;padding:0 10px;
  }
  .nav-toggle span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;transition:.22s}
  .nav.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav.nav-open .nav-toggle span:nth-child(2){opacity:0}
  .nav.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  /* Drawer trượt từ trái */
  .nav .links{
    position:fixed;top:0;left:0;height:100vh;width:78%;max-width:300px;
    background:rgba(6,10,22,.97);backdrop-filter:blur(18px);
    flex-direction:column;align-items:stretch;
    padding:104px 16px 24px;gap:8px;z-index:70;
    transform:translateX(-104%);transition:transform .26s ease;
    border-right:1px solid rgba(255,255,255,.08);
  }
  .nav.nav-open .links{transform:translateX(0)}
  .nav .links a{font-size:15px;padding:12px 14px;text-align:left;white-space:normal;width:100%}
  .nav .links .brand-link{font-size:15px;padding:12px 14px;text-align:left;width:100%}
  /* Overlay mờ khi drawer mở: chạm vào → đóng */
  .nav::after{
    content:"";position:fixed;inset:0;z-index:65;
    background:rgba(2,6,12,.5);backdrop-filter:blur(2px);
    opacity:0;pointer-events:none;transition:opacity .22s;
  }
  .nav.nav-open::after{opacity:1;pointer-events:auto}
}

.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:#05080f;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(620px 460px at 18% 22%, rgba(0,198,255,.20), transparent 60%),
    radial-gradient(560px 440px at 82% 18%, rgba(150,90,255,.18), transparent 62%),
    radial-gradient(700px 520px at 50% 88%, rgba(255,196,64,.12), transparent 60%),
    radial-gradient(900px 600px at 50% 50%, rgba(0,255,148,.06), transparent 70%),
    linear-gradient(180deg, rgba(5,8,15,0), rgba(5,8,15,.55) 70%, rgba(3,7,17,.96));
  filter:saturate(1.1);
  animation:heroAurora 14s ease-in-out infinite alternate;
}
@keyframes heroAurora{
  0%   { transform:translate3d(0,0,0) scale(1); }
  50%  { transform:translate3d(-2%, 1.5%, 0) scale(1.06); }
  100% { transform:translate3d(2%, -1.5%, 0) scale(1.03); }
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 28%, rgba(0,229,255,.10), transparent 40%),
    radial-gradient(circle at 80% 66%, rgba(150,90,255,.10), transparent 42%),
    linear-gradient(90deg, rgba(0,229,255,.06) 1px, transparent 1px),
    linear-gradient(rgba(0,229,255,.05) 1px, transparent 1px);
  background-size:auto, auto, 60px 60px, 60px 60px;
  opacity:.55;
  mask-image:radial-gradient(125% 95% at 50% 30%, rgba(255,255,255,.9), transparent 78%);
  -webkit-mask-image:radial-gradient(125% 95% at 50% 30%, rgba(255,255,255,.9), transparent 78%);
}
.hero-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:32px;
  align-items:center;
}
.hero-copy{
  max-width:min(100%, 820px);
  margin-inline:auto;
  text-align:center;
}
.hero-stage{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  margin-top:18px;
  width:100%;
}
.hero-trophy{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
}
.hero-trophy-glow{
  position:absolute;
  inset:-30% -10% auto;
  height:120%;
  background:radial-gradient(420px 280px at 50% 40%, rgba(255,196,64,.22), transparent 66%);
  filter:blur(8px);
  pointer-events:none;
}
.hero-trophy img{
  width:min(320px,80%);
  height:auto;
  filter:drop-shadow(0 24px 60px rgba(0,0,0,.5));
  animation:trophyFloat 5s ease-in-out infinite;
}
@keyframes trophyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero-trophy-cap{
  margin-top:10px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.2em;
  color:#ffd479;
  background:linear-gradient(180deg, rgba(255,196,64,.16), rgba(255,196,64,.04));
  border:1px solid rgba(255,196,64,.4);
  border-radius:999px;
  padding:6px 18px;
}
.hero-live-panel{
  width:100%;
}
.hero-live-dot{
  font-size:11px;
  font-weight:700;
  color:#38f0a0;
  letter-spacing:.1em;
  animation:liveBlink 1.6s ease-in-out infinite;
}
@keyframes liveBlink{0%,100%{opacity:1}50%{opacity:.35}}
.hero-live-panel .hero-kpi{background:rgba(255,255,255,.04)}
.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:800;
  line-height:.9;
  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-body);
  color:rgba(255,255,255,.82) !important;
  font-size:clamp(21px,2.2vw,29px) !important;
  font-style:normal;
  font-weight:700;
  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:#ffd479;
  opacity:.92;
}
.hero-panel h3{
  margin-top:8px;
  font-size:27px;
  line-height:1.05;
  background:linear-gradient(92deg, #ffe9a8 0%, #ffd479 45%, #f0a500 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.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{text-align:center}
.hero-side-panel .hero-guards{justify-content:center}
.hero-side-panel h3{margin-bottom:16px;text-align:center}
.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;background:linear-gradient(92deg, #ffe9a8 0%, #ffd479 45%, #f0a500 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.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:1fr;
  gap:24px;
  align-items:stretch;
  max-width:1160px;
  margin:0 auto;
}
.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:center;
  gap:18px;
  background:rgba(255,255,255,.035);
  border-bottom:1px solid rgba(255,255,255,.1);
  text-align:center;
}
.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;
  font-weight:800;
  background:linear-gradient(92deg, #ffe9a8 0%, #ffd479 45%, #f0a500 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.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;
}
.risk-disclaimer{
  margin:18px auto 0;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  color:rgba(235,230,218,.68);
  font-size:11px;
  line-height:1.55;
  text-align:left;
}
.risk-disclaimer strong{
  color:rgba(255,255,255,.86);
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}

[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 .register-steps{margin-bottom:auto}
.register-copy .register-actions{margin-top:28px}
.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(3,minmax(0,1fr));
  gap:12px;
}
.form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.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-row{
    grid-template-columns:1fr 34px !important;
    grid-auto-rows:auto;
  }
  .mt5-row input[name="mt5_account"]{grid-column:1 / 2}
  .mt5-row .mt5-server-wrap{grid-column:1 / 2}
  .mt5-row input[name="investor_password"]{grid-column:1 / 2}
  .mt5-row .mt5-del-btn{
    grid-column:2;
    grid-row:1 / span 3;
    align-self:stretch;
    height:auto;
    min-height:40px;
    font-size:16px;
  }
  .mt5-server-wrap select,
  .mt5-server-wrap .mt5-server-custom{
    font-size:14px;
  }
  .form-broker-links{
    grid-template-columns:1fr 1fr !important;
    gap:8px;
  }
  .form-broker-btn{
    min-height:40px !important;
    padding:8px 10px !important;
    font-size:12px !important;
  }
  .form-broker-btn .btn-logo{
    width:16px !important;
    height:16px !important;
  }
  .register-copy .register-actions{
    flex-wrap:wrap;
    gap:8px;
  }
  .register-copy .register-actions .btn{
    font-size:12px;
    padding:10px 14px;
  }
  .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:block}
  .nav .links{width:100%}
  .nav .links a{text-align:center}
  .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;
  }
}

/* Local Vietnamese type refresh: Phudu for event headlines, Be Vietnam Pro for reading text. */
h1,h2,.brand,.tier-dep,.tp-val,.pp-val,.mr-big,.lb-head h1,.cd-status,
.hero h1,.hero h1.hero-logo-title,.hero-copy .hero-logo-title{
  font-family:var(--font-display) !important;
  font-weight:800;
}
.hero h1.hero-logo-title,.hero-copy .hero-logo-title{
  font-weight:900 !important;
  letter-spacing:0 !important;
}
.hero-signature,.hero-copy .hero-signature{
  font-family:var(--font-body) !important;
  font-style:normal !important;
  font-weight:700 !important;
}
/* ================= 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 ranking mode card. */
.ranking-mode-grid{
  grid-template-columns:minmax(280px,420px);
  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-fireworks{
  position:absolute;
  inset:-34px -10px 32%;
  z-index:0;
  pointer-events:none;
  overflow:visible;
  opacity:.9;
  filter:saturate(1.08);
}
.payout-firework{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:6px;
  height:6px;
  border-radius:50%;
  color:#f0d58f;
  background:currentColor;
  box-shadow:
    0 -32px 0 -1px currentColor,
    23px -23px 0 -1px currentColor,
    32px 0 0 -1px currentColor,
    23px 23px 0 -1px currentColor,
    0 32px 0 -1px currentColor,
    -23px 23px 0 -1px currentColor,
    -32px 0 0 -1px currentColor,
    -23px -23px 0 -1px currentColor;
  transform:translate(-50%,-50%) scale(.08) rotate(0deg);
  opacity:0;
  animation:payoutFireworkBurst 3.2s cubic-bezier(.16,.76,.25,1) infinite;
  animation-delay:var(--delay);
}
.payout-firework::before,
.payout-firework::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:currentColor;
}
.payout-firework::before{
  box-shadow:
    0 -22px 0 -2px currentColor,
    16px -16px 0 -2px currentColor,
    22px 0 0 -2px currentColor,
    16px 16px 0 -2px currentColor,
    0 22px 0 -2px currentColor,
    -16px 16px 0 -2px currentColor,
    -22px 0 0 -2px currentColor,
    -16px -16px 0 -2px currentColor;
  transform:rotate(22deg);
}
.payout-firework::after{
  inset:-20px;
  background:radial-gradient(circle, currentColor 0 2px, transparent 3px);
  opacity:.24;
  filter:blur(8px);
}
.payout-firework.tone-cyan{color:#94eef2}
.payout-firework.tone-rose{color:#ffb6a8}
.payout-major-grid,
.payout-consolation{
  position:relative;
  z-index:1;
}
@keyframes payoutFireworkBurst{
  0%,8%{opacity:0;transform:translate(-50%,-50%) scale(.08) rotate(0deg)}
  14%{opacity:1}
  34%{opacity:.95;transform:translate(-50%,-50%) scale(calc(var(--scale) * 1)) rotate(calc(var(--spin) * 26deg))}
  54%,100%{opacity:0;transform:translate(-50%,-50%) scale(calc(var(--scale) * 1.38)) rotate(calc(var(--spin) * 42deg))}
}
@media (prefers-reduced-motion:reduce){
  .payout-firework{
    animation:none;
    opacity:.18;
    transform:translate(-50%,-50%) scale(.72);
  }
}
.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: vertical column layout. */
@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-direction:column;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:8px;
    overflow:visible;
    overscroll-behavior-x:auto;
    -webkit-overflow-scrolling:touch;
    padding:0 2px 2px;
    margin:0 -2px;
    scrollbar-width:none;
    scroll-snap-type:none;
    width:100%;
  }
  .nav .links::-webkit-scrollbar{display:none}
  .nav .links a,
  .nav .links a:not(.cta){
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex:0 0 auto;
    min-height:42px;
    padding:0 16px;
    border-radius:12px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
    color:var(--dim);
    font-size:14px;
    line-height:1;
    white-space:normal;
    text-align:left;
    width:100%;
    scroll-snap-align:none;
  }
  .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:0;
    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: vertical column, full-width buttons. Khit hero, gọn. */
@media(max-width:640px){
  .nav .wrap{
    gap:6px;
    padding-top:6px;
    padding-bottom:6px;
  }
  .nav-timebar{
    order:2;
    flex:1 0 100%;
    max-width:none;
    margin:0;
  }
  .nav .links{
    order:3;
    display:flex;
    flex-direction:column;
    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:40px;
    padding:0 14px;
    font-size:13px;
    line-height:1.12;
    text-align:left;
    white-space:normal;
  }
  .nav .links a.cta{
    min-width:0;
    min-height:44px;
    font-size:14px;
  }
}
@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:#05080f;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(680px 520px at 16% 20%, rgba(0,198,255,.26), transparent 58%),
    radial-gradient(600px 480px at 84% 16%, rgba(150,90,255,.22), transparent 60%),
    radial-gradient(760px 560px at 50% 92%, rgba(255,196,64,.14), transparent 58%),
    radial-gradient(1000px 680px at 50% 50%, rgba(0,229,255,.08), transparent 68%),
    linear-gradient(180deg, rgba(5,8,15,0), rgba(5,8,15,.5) 68%, rgba(3,7,17,.97));
  filter:saturate(1.15);
  animation:heroAurora 16s ease-in-out infinite alternate;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 28%, rgba(0,229,255,.10), transparent 40%),
    radial-gradient(circle at 80% 66%, rgba(150,90,255,.10), transparent 42%),
    linear-gradient(90deg, rgba(0,229,255,.06) 1px, transparent 1px),
    linear-gradient(rgba(0,229,255,.05) 1px, transparent 1px);
  background-size:auto, auto, 60px 60px, 60px 60px;
  opacity:.55;
  mask-image:radial-gradient(125% 95% at 50% 30%, rgba(255,255,255,.9), transparent 78%);
  -webkit-mask-image:radial-gradient(125% 95% at 50% 30%, rgba(255,255,255,.9), transparent 78%);
}
.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:100%;
  font-family:var(--font-display);
  font-size:clamp(32px,5vw,64px);
  font-weight:900;
  line-height:1.15;
  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:#ffd479;
  background:linear-gradient(180deg,#ffe9a8,#e8a317);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 0 26px rgba(255,212,121,.35), 0 24px 76px rgba(0,0,0,.86);
}
.hero-logo-title .hero-invest{
  color:#ffffff;
  text-shadow:0 24px 76px rgba(0,0,0,.86);
}
.hero-logo-title .hero-challenge{
  display:block;
  margin-top:.3em;
  color:var(--champagne);
  font-size:.5em;
  line-height:1.2;
  max-width:100%;
  word-wrap:break-word;
  overflow-wrap:break-word;
  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:100%;
    font-size:clamp(28px,9vw,42px);
    line-height:1.15;
  }
  .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:flex;
    flex-direction:column;
    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{
    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{display: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));
  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:100%;
  max-width:100%;
  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:flex;
    flex-direction:column;
    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}
}

/* FTMO-inspired leaderboard and reward boards */
[data-view="leaderboard"] .lb-head{
  text-align:left;
  max-width:980px;
  margin:0 auto 22px;
}
[data-view="leaderboard"] .lb-head h1{
  font-size:clamp(30px,4vw,52px);
  letter-spacing:0;
}
[data-view="leaderboard"] .leaderboard-control-row{
  max-width:980px;
  margin:10px auto 6px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
[data-view="leaderboard"] .leaderboard-control-row .chips{
  margin:0;
  max-width:none;
}
[data-view="leaderboard"] .chips,
[data-view="leaderboard"] .board-desc{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
  justify-content:flex-start;
  text-align:left;
}
[data-view="leaderboard"] .chip{
  border-radius:4px;
  padding:14px 16px;
  background:transparent;
  border-color:transparent;
  color:#aeb5c2;
  font-size:13px;
}
[data-view="leaderboard"] .chip.on{
  color:#1a8cff;
  background:rgba(255,255,255,.015);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:none;
}
.leaderboard-panel{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
  background:transparent;
  border:0;
  border-radius:0;
  overflow:visible;
  box-shadow:none;
}
.leaderboard-panel .ph{
  margin-bottom:16px;
  padding:0;
  border:0;
  align-items:flex-end;
}
.lb-title-main span:first-child{
  font-size:18px;
  color:#fff;
}
.lb-rank-search input{
  height:42px;
  border-radius:6px;
  background:#12151a;
  border-color:rgba(255,255,255,.11);
}
#lb-table{overflow:visible}
.lb-ftmo-board{
  display:grid;
  gap:14px;
}
.lb-ftmo-date{
  display:flex;
  align-items:center;
  gap:9px;
  color:#fff;
  font-size:14px;
  font-weight:950;
  margin:4px 0 2px;
}
.lb-ftmo-date span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#00d5af;
  box-shadow:0 0 0 5px rgba(0,213,175,.09);
}
.lb-ftmo-topgrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.lb-ftmo-card{
  position:relative;
  min-height:166px;
  padding:18px 18px 14px;
  border-radius:4px;
  overflow:hidden;
  background:
    linear-gradient(120deg, rgba(39,42,46,.96), rgba(26,31,38,.96) 44%, rgba(10,42,73,.86)),
    radial-gradient(circle at 82% 0, rgba(0,136,255,.26), transparent 42%);
  border:1px solid rgba(255,255,255,.055);
  box-shadow:0 18px 40px -34px rgba(0,0,0,.95);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.lb-ftmo-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.2;
  background:
    linear-gradient(135deg, transparent 18%, rgba(255,255,255,.06) 18% 19%, transparent 19% 34%, rgba(255,255,255,.04) 34% 35%, transparent 35%),
    linear-gradient(45deg, transparent 70%, rgba(0,136,255,.16));
  pointer-events:none;
}
.lb-ftmo-card:hover{
  transform:translateY(-5px) scale(1.015);
  border-color:rgba(240,213,143,.64);
  box-shadow:0 0 0 1px rgba(240,213,143,.16), 0 24px 70px -36px rgba(240,213,143,.55);
}
.lb-ftmo-card-top,
.lb-ftmo-stats,
.lb-ftmo-scale,
.lb-ftmo-prize{
  position:relative;
  z-index:1;
}
.lb-ftmo-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:22px;
}
.lb-ftmo-trader{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.lb-ftmo-trophy{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:inline-grid;
  place-items:center;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.55));
}
.lb-ftmo-trophy svg{
  width:100%;
  height:100%;
}
.lb-ftmo-trader strong{
  display:block;
  max-width:150px;
  color:#f3f4f6;
  font-size:14px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lb-ftmo-trader small{
  display:block;
  margin-top:4px;
  color:#9aa3b3;
  font-size:11px;
  font-family:ui-monospace,monospace;
}
.lb-ftmo-rank{
  min-width:42px;
  min-height:42px;
  display:grid;
  place-items:center;
  border-radius:4px;
  background:rgba(13,17,22,.42);
  color:#fff;
  font-size:17px;
  font-weight:950;
}
.lb-ftmo-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.lb-ftmo-stats small{
  display:block;
  color:#8e96a5;
  font-size:10px;
  font-weight:900;
}
.lb-ftmo-stats b{
  display:block;
  margin-top:5px;
  color:#f9fafb;
  font-size:13px;
  white-space:nowrap;
}
.lb-ftmo-stats b.is-up,
.lb-ftmo-table .green,
.lb-ftmo-card .is-up{color:#00dc82}
.lb-ftmo-stats b.is-down,
.lb-ftmo-table .red,
.lb-ftmo-card .is-down{color:#ff6b6b}
.lb-ftmo-scale{
  display:flex;
  align-items:center;
  gap:5px;
  min-height:29px;
  padding:0 10px;
  border-radius:3px;
  background:linear-gradient(90deg, rgba(17,102,168,.72), rgba(14,35,54,.52));
  color:#b5c0ce;
  font-size:10px;
  font-weight:850;
}
.lb-ftmo-scale b{margin-left:auto;color:#fff;font-size:11px}
.lb-ftmo-scale small{color:#9ba4b2}
.lb-ftmo-progress{
  position:relative;
  height:2px;
  margin-top:8px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}
.lb-ftmo-progress span{
  display:block;
  height:100%;
  background:#1689ff;
}
.lb-ftmo-prize{
  margin-top:9px;
  color:#f0d58f;
  font-size:11px;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lb-ftmo-table{
  position:relative;
  overflow:auto;
  border-radius:4px;
  background:linear-gradient(180deg, rgba(36,38,40,.98), rgba(17,19,22,.98));
  border:1px solid rgba(255,255,255,.06);
}
.lb-ftmo-table table{
  min-width:820px;
  border-collapse:separate;
  border-spacing:0;
}
.lb-ftmo-table thead tr{
  background:rgba(255,255,255,.035);
  color:#8f96a2;
}
.lb-ftmo-table th,
.lb-ftmo-table td{
  padding:14px 18px;
  border-top:0;
  border-bottom:1px solid rgba(255,255,255,.045);
}
.lb-ftmo-table tbody tr:hover{background:rgba(255,255,255,.035)}
.lb-ftmo-name{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.lb-ftmo-name > span{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  color:#061015;
  font-size:11px;
  font-weight:950;
  background:linear-gradient(135deg,#00d5af,#1689ff);
  box-shadow:0 0 0 4px rgba(255,255,255,.08);
}
.lb-ftmo-name b{
  display:block;
  color:#f3f4f6;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lb-ftmo-name small{
  display:block;
  margin-top:3px;
  color:#888f9d;
  font-size:11px;
  font-family:ui-monospace,monospace;
}
.lb-ftmo-table .pill{
  border-radius:4px;
  padding:6px 9px;
  background:rgba(22,137,255,.14);
  color:#d7e8ff;
  border:1px solid rgba(22,137,255,.2);
}

.tier-payout-showcase,
.payout-week-card{
  background:linear-gradient(180deg, rgba(17,19,23,.98), rgba(8,10,13,.98));
  border:1px solid rgba(255,255,255,.06);
  border-radius:4px;
}
.payout-layout{gap:14px}
.payout-major-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:14px !important;
}
.payout-major-card,
.payout-major-card.payout-rank-1{
  order:initial !important;
  min-height:236px !important;
  padding:18px !important;
  border-radius:4px !important;
  background:
    linear-gradient(120deg, rgba(41,43,47,.96), rgba(26,31,38,.96) 46%, rgba(10,42,73,.84)),
    radial-gradient(circle at 80% 0, rgba(0,136,255,.2), transparent 44%) !important;
  border-color:rgba(255,255,255,.06) !important;
  text-align:left !important;
  align-items:flex-start !important;
  box-shadow:0 18px 42px -34px rgba(0,0,0,.95) !important;
}
.payout-major-card.payout-rank-1{order:1 !important}
.payout-major-card.payout-rank-2{order:2 !important}
.payout-major-card.payout-rank-3{order:3 !important}
.payout-major-card:hover{
  transform:translateY(-5px) scale(1.012) !important;
  border-color:rgba(240,213,143,.64) !important;
}
.payout-major-card .payout-rank-badge{
  border-radius:4px;
  background:rgba(13,17,22,.56);
  border:1px solid rgba(255,255,255,.08);
  color:#f5f5f5;
}
.rank-title{
  display:inline-flex;
  align-items:center;
  gap:7px;
  line-height:1;
  white-space:nowrap;
}
.rank-trophy{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:inline-grid;
  place-items:center;
  color:#f0d58f;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.48));
}
.rank-trophy svg{
  width:100%;
  height:100%;
  display:block;
  fill:currentColor;
}
.rank-trophy-1{
  color:#ffd96a;
  filter:drop-shadow(0 0 13px rgba(255,217,106,.42)) drop-shadow(0 8px 14px rgba(0,0,0,.52));
}
.rank-trophy-2{
  color:#dce3ee;
  filter:drop-shadow(0 0 11px rgba(220,227,238,.28)) drop-shadow(0 8px 14px rgba(0,0,0,.52));
}
.rank-trophy-3{
  color:#c98954;
  filter:drop-shadow(0 0 11px rgba(201,137,84,.3)) drop-shadow(0 8px 14px rgba(0,0,0,.52));
}
.payout-rank-badge .rank-trophy{
  width:20px;
  height:20px;
  flex-basis:20px;
}
.payout-rank-1 .payout-rank-badge{border-color:rgba(255,217,106,.28)}
.payout-rank-2 .payout-rank-badge{border-color:rgba(220,227,238,.22)}
.payout-rank-3 .payout-rank-badge{border-color:rgba(201,137,84,.26)}
.payout-major-card h3,
.payout-rank-1 .payout-major-card h3{
  margin-top:14px;
  color:#fff;
  font-size:18px !important;
  line-height:1.18;
  min-height:42px;
}
.payout-major-card .payout-prize-img,
.payout-major-card.payout-rank-1 .payout-prize-img{
  align-self:center;
  min-height:104px !important;
  width:100%;
  margin:10px 0 !important;
}
.payout-major-card .payout-prize-img img,
.payout-major-card.payout-rank-1 .payout-prize-img img{
  max-height:118px !important;
}
.payout-major-card .payout-prize-name{
  color:#aeb5c2;
  font-size:12px;
  justify-content:flex-start;
  min-height:0;
}
.payout-major-card .payout-stats{
  margin-top:auto !important;
  width:100%;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:6px !important;
  padding-top:8px !important;
}
.payout-major-card .payout-stats span{
  padding:6px 7px !important;
  border-radius:4px !important;
}
.payout-major-card .payout-stats b{
  font-size:12px !important;
}
.payout-major-card .payout-stats small{
  font-size:8px !important;
  letter-spacing:.06em !important;
}
.payout-consolation{
  border-radius:4px;
  background:linear-gradient(180deg, rgba(36,38,40,.98), rgba(17,19,22,.98));
  border-color:rgba(255,255,255,.06);
}
.payout-consolation-row{
  border-radius:4px;
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.055);
}
.payout-consolation-rank{color:#8f96a2}
.payout-consolation-prize{color:#d7e8ff}

@media(max-width:860px){
  [data-view="leaderboard"] .lb-head,
  [data-view="leaderboard"] .leaderboard-control-row,
  [data-view="leaderboard"] .chips,
  [data-view="leaderboard"] .board-desc,
  .leaderboard-panel{max-width:100%}
  .leaderboard-panel .ph{align-items:stretch}
  .lb-rank-search{min-width:0;width:100%;max-width:none}
  .lb-ftmo-topgrid,
  .payout-major-grid{grid-template-columns:1fr !important}
  .lb-ftmo-card{min-height:154px}
  .payout-major-card,
  .payout-major-card.payout-rank-1{
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr);
    grid-template-areas:
      "img badge"
      "img name"
      "img prize"
      "img stats";
    gap:8px 14px;
    min-height:0 !important;
  }
  .payout-major-card .payout-rank-badge{grid-area:badge;justify-self:start}
  .payout-major-card h3{grid-area:name;min-height:0;margin:0 !important}
  .payout-major-card .payout-prize-img{grid-area:img;margin:0 !important;min-height:106px !important}
  .payout-major-card .payout-prize-name{grid-area:prize}
  .payout-major-card .payout-stats{grid-area:stats;margin-top:4px !important;padding-top:0}
}
@media(max-width:540px){
  .lb-ftmo-stats{gap:8px}
  .lb-ftmo-stats b{font-size:12px}
  .lb-ftmo-card{padding:15px 13px}
  .lb-ftmo-table th,
  .lb-ftmo-table td{padding:12px 13px}
}

.lb-ftmo-top-label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-bottom:5px;
  color:#f0d58f;
  font-size:12px;
  font-weight:950;
  line-height:1;
  text-transform:none;
}
.lb-ftmo-rank-2 .lb-ftmo-top-label{color:#d8dee8}
.lb-ftmo-rank-3 .lb-ftmo-top-label{color:#d8a37a}

/* Hero: 2 cot - copy trai, fan card phai */
.hero-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:32px;
  align-items:center;
}
.hero-copy{
  max-width:min(100%, 820px);
  margin-inline:auto;
  text-align:center;
}
.hero-copy .hero-est{
  justify-content:center;
}
.hero-copy .hero-logo-title{
  margin-left:auto;
  margin-right:auto;
}
.hero-copy .hero-logo-title .hero-brand-line{
  justify-content:center;
}
.hero-copy .prizepool{
  justify-content:center;
}
.hero-copy .actions{
  justify-content:center;
}
@media(min-width:1101px){
  .hero-copy{
    max-width:min(100%, 820px);
  }
}
@media(max-width:1100px){
  .hero-shell{
    grid-template-columns:1fr;
  }
}

.hero-support-block{
  padding-top:42px;
  background:linear-gradient(180deg, rgba(4,7,12,.98), rgba(8,10,12,.96));
}
.hero-support-block .hero-lower-shell{
  margin-top:0;
}

/* Reward showcase: first section after hero, designed to sell the prize structure fast. */
.reward-priority{
  position:relative;
  overflow:hidden;
  padding-top:74px;
  background:
    radial-gradient(circle at 20% 0%, rgba(240,213,143,.2), transparent 34%),
    radial-gradient(circle at 86% 10%, rgba(0,229,255,.16), transparent 35%),
    linear-gradient(180deg, rgba(8,10,12,.98), rgba(13,17,22,.96) 54%, rgba(4,7,12,.98));
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.reward-priority::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent),
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px);
  background-size:100% 100%, 76px 76px;
  opacity:.55;
}
.reward-priority .wrap{
  position:relative;
  z-index:1;
}
.reward-priority-head{
  max-width:980px;
  margin:0 auto 20px;
}
.reward-priority-head .sec-tag{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(240,213,143,.12);
  border:1px solid rgba(240,213,143,.22);
  color:#f6f1df;
}
.reward-priority-head h2{
  margin-top:14px;
  color:#fff;
  font-size:clamp(38px, 5vw, 68px);
  line-height:.95;
}
.reward-priority-head p{
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
  color:#d9dee8;
  font-size:15px;
}
.reward-priority .cd-wrap{
  max-width:980px;
  margin:0 auto 22px;
  border-color:rgba(240,213,143,.18);
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
    rgba(0,0,0,.28);
  box-shadow:0 24px 70px -48px rgba(240,213,143,.55);
}
.reward-priority .tier{
  padding:26px 22px 24px;
  border-radius:14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035)),
    radial-gradient(circle at 50% 0%, rgba(240,213,143,.14), transparent 40%);
  border-color:rgba(240,213,143,.2);
  box-shadow:0 32px 110px -70px rgba(0,0,0,.9);
}
.reward-priority .tier:hover{
  border-color:rgba(240,213,143,.38);
  box-shadow:0 34px 120px -68px rgba(240,213,143,.32);
}
.reward-priority .tier .badge{
  top:18px;
  right:20px;
  left:auto;
  transform:none;
  box-shadow:0 12px 34px -22px rgba(0,255,148,.75);
}
.reward-priority .tier-dep{
  text-align:left;
  color:#fff;
  font-size:22px;
  font-weight:900;
}
.reward-priority .tier > .tier-sub{
  text-align:left;
}
.reward-priority .tier-prize{
  max-width:360px;
  margin:14px 0 18px;
  border-color:rgba(240,213,143,.14);
  background:rgba(0,0,0,.3);
}
.reward-priority .tp-val{
  color:#f6f1df;
  font-size:30px;
}
.reward-priority .tier-meta{
  max-width:360px;
}
.reward-priority .tier-payout-showcase{
  margin-top:18px;
  padding-top:18px;
  border-top-color:rgba(240,213,143,.18);
}
.reward-priority .payout-major-grid{
  gap:18px;
}
.reward-priority .payout-major-card{
  min-height:268px;
  border-radius:12px;
  background:
    linear-gradient(180deg, rgba(31,38,48,.98), rgba(10,12,16,.98)),
    radial-gradient(circle at 50% -20%, rgba(0,229,255,.22), transparent 58%);
  box-shadow:0 28px 82px -50px rgba(0,229,255,.48);
}
.reward-priority .payout-major-card.payout-rank-1{
  background:
    linear-gradient(180deg, rgba(52,42,22,.98), rgba(12,13,15,.98)),
    radial-gradient(circle at 50% -18%, rgba(240,213,143,.38), transparent 58%);
  border-color:rgba(240,213,143,.44);
  box-shadow:0 30px 92px -48px rgba(240,213,143,.62);
}
.reward-priority .payout-major-card .payout-prize-img,
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
  min-height:132px !important;
}
.reward-priority .payout-major-card .payout-prize-img img,
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
  max-height:148px !important;
}
.reward-priority .payout-consolation{
  margin-top:18px;
  border-radius:12px;
  background:rgba(255,255,255,.045);
}
@media(max-width:860px){
  .reward-priority{
    padding-top:52px;
  }
  .reward-priority-head h2{
    font-size:clamp(34px, 10vw, 48px);
  }
  .reward-priority .tier{
    padding:22px 14px 18px;
  }
  .reward-priority .tier .badge{
    position:static;
    display:inline-flex;
    transform:none;
    margin-bottom:12px;
  }
  .reward-priority .tier-prize,
  .reward-priority .tier-meta{
    max-width:none;
  }
}

/* Compact hero + reward flow: timebar lives in hero, rewards start immediately after. */
.hero{
  min-height:auto;
  padding:58px 0 32px;
}
.hero-shell{
  grid-template-columns:minmax(0, 1100px);
}
.hero-copy{
  max-width:min(100%, 1100px);
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(360px, .92fr);
  grid-template-areas:
    "est timebar"
    "title timebar"
    "signature timebar"
    "actions actions";
  align-items:center;
  column-gap:30px;
  row-gap:12px;
  text-align:left;
}
.hero-copy .hero-est{
  grid-area:est;
  justify-content:flex-start;
  margin-bottom:2px;
}
.hero-copy .hero-logo-title{
  grid-area:title;
  margin-left:0;
  margin-right:0;
}
.hero-copy .hero-logo-title .hero-brand-line{
  justify-content:flex-start;
}
.hero-copy .hero-signature{
  grid-area:signature;
  margin-top:4px;
}
.hero-contest-timebar{
  grid-area:timebar;
  width:100%;
  max-width:none;
  margin:0;
  padding:18px 18px 20px;
  text-align:left;
  border-radius:18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.035)),
    radial-gradient(circle at 82% 0, rgba(240,213,143,.23), transparent 48%),
    rgba(0,0,0,.36);
  border-color:rgba(240,213,143,.26);
  box-shadow:0 30px 88px -58px rgba(240,213,143,.72), inset 0 1px 0 rgba(255,255,255,.08);
}
.hero-contest-timebar .cd-head{
  color:#f6f1df;
  margin-bottom:7px;
}
.hero-contest-timebar .cd-status{
  align-items:flex-start;
  max-width:none;
  margin:0 0 12px;
  font-size:clamp(18px, 1.75vw, 25px);
}
.hero-contest-timebar .cd-status-lead{
  font-size:clamp(18px, 1.7vw, 24px);
}
.hero-contest-timebar .cd-status-time{
  font-size:clamp(24px, 2.45vw, 34px);
}
.hero-contest-timebar .cd-status-note{
  font-size:clamp(13px, 1.1vw, 15px);
}
.hero-contest-timebar .cd-meta{
  margin:9px 0 10px;
}
.hero-contest-timebar .cd{
  justify-content:flex-start;
}
.hero-contest-timebar .cd-box{
  min-width:62px;
  padding:10px 4px;
}
.hero-contest-timebar .cd-num{
  font-size:25px;
}
.hero-copy .prizepool{
  grid-area:prizepool;
  justify-content:center;
  margin-top:8px;
}
.hero-copy .actions{
  grid-area:actions;
  justify-content:center;
  margin-top:8px;
}
.reward-priority{
  padding-top:34px;
  padding-bottom:58px;
}
.reward-priority-head{
  margin-bottom:12px;
}
.reward-priority-head .sec-tag{
  min-height:30px;
  padding:0 12px;
}
.reward-priority-head h2{
  margin-top:9px;
}
.reward-priority-head p{
  margin-top:8px;
  margin-bottom:0;
}
.reward-priority .tier{
  padding:22px 20px 22px;
}
.reward-priority .tier-prize{
  margin:10px 0 14px;
}
.reward-priority .tier-payout-showcase{
  margin-top:12px;
  padding-top:14px;
}
.reward-priority .payout-major-grid{
  gap:14px;
}
.reward-priority .payout-major-card{
  min-height:238px;
}

@media(max-width:860px){
  .hero{
    padding:42px 0 28px;
  }
  .hero-copy{
    display:block;
    max-width:min(100%, 820px);
    text-align:center;
  }
  .hero-copy .hero-est,
  .hero-copy .hero-logo-title .hero-brand-line,
  .hero-copy .prizepool,
  .hero-copy .actions{
    justify-content:center;
  }
  .hero-copy .hero-logo-title{
    margin-left:auto;
    margin-right:auto;
  }
  .hero-contest-timebar{
    margin:16px auto 12px;
    text-align:center;
  }
  .hero-contest-timebar .cd-status{
    align-items:center;
  }
  .hero-contest-timebar .cd{
    justify-content:center;
  }
}
@media(max-width:860px){
  .reward-priority{
    padding-top:30px;
    padding-bottom:44px;
  }
}
@media(max-width:560px){
  .hero{
    padding:30px 0 22px;
  }
  .hero-contest-timebar{
    padding:14px 12px 15px;
    border-radius:15px;
  }
  .hero-contest-timebar .cd-meta{
    flex-direction:column;
    gap:4px;
    align-items:center;
    margin-bottom:9px;
  }
  .hero-contest-timebar .cd{
    gap:7px;
  }
  .hero-contest-timebar .cd-box{
    flex:1 1 0;
    min-width:0;
    padding:9px 2px;
  }
  .hero-contest-timebar .cd-num{
    font-size:21px;
  }
  .reward-priority-head{
    margin-bottom:8px;
  }
  .reward-priority .tier{
    padding:18px 12px 16px;
  }
}

@media(min-width:861px) and (max-width:1100px){
  .hero-copy,
  .hero.hero-scroll-fx .hero-copy{
    display:grid !important;
    max-width:min(100%, 1100px) !important;
    grid-template-columns:minmax(0, 1.08fr) minmax(360px, .92fr) !important;
    grid-template-areas:
      "est timebar"
      "title timebar"
      "signature timebar"
      "actions actions" !important;
    text-align:left !important;
  }
  .hero-copy .hero-est{
    justify-content:flex-start !important;
  }
  .hero-copy .hero-logo-title{
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }
  .hero-copy .hero-logo-title .hero-brand-line{
    justify-content:flex-start !important;
  }
  .hero-copy .hero-signature{
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }
  .hero-contest-timebar .cd-status{
    align-items:flex-start !important;
  }
  .hero-contest-timebar .cd{
    justify-content:flex-start !important;
  }
}

/* Register page polish: cleaner intro, slimmer steps, correct account-first flow. */
[data-view="register"] section.block{
  padding-top:26px;
}
.register-layout{
  gap:18px;
  align-items:start;
}
.register-copy{
  padding:24px 24px 22px;
  border-radius:20px;
  min-height:0;
  align-self:start;
}
.register-copy h2{
  margin:6px 0 9px;
  font-size:clamp(25px, 3vw, 38px);
  line-height:1.08;
}
.register-copy p{
  max-width:34rem;
  font-size:14px;
  line-height:1.54;
}
.register-step-eyebrow{
  width:max-content;
  max-width:100%;
  margin:0 0 10px;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(240,213,143,.095);
  color:#f7e6b5;
  letter-spacing:.015em;
}
.register-steps{
  gap:8px;
  margin:14px 0 14px;
}
.register-steps div{
  grid-template-columns:40px 1fr;
  gap:10px;
  padding:10px 11px;
  border-radius:13px;
  background:rgba(255,244,220,.035);
}
.register-steps b{
  width:32px;
  height:32px;
  border-radius:10px;
  font-size:12px;
}
.register-steps span{
  font-size:14px;
}
.register-steps small{
  margin-top:3px;
  font-size:11.5px;
  line-height:1.38;
}
.register-actions{
  margin-top:12px;
  gap:8px;
}
.register-actions .btn{
  min-height:42px;
  padding:10px 14px;
  font-size:13px;
}

@media(max-width:640px){
  [data-view="register"] section.block{
    padding-top:14px;
  }
  .register-copy{
    padding:16px;
    border-radius:16px;
  }
  .register-step-eyebrow{
    margin-bottom:8px;
    min-height:28px;
    font-size:11px;
  }
  .register-copy h2{
    margin:4px 0 7px;
    font-size:25px;
  }
  .register-copy p{
    font-size:13px;
    line-height:1.48;
  }
  .register-steps{
    margin:12px 0;
    gap:7px;
  }
  .register-steps div{
    grid-template-columns:36px 1fr;
    padding:9px;
  }
  .register-steps b{
    width:30px;
    height:30px;
  }
  .register-steps span{
    font-size:13px;
  }
  .register-steps small{
    font-size:11px;
  }
}

/* Reward opener: make the challenge card read as one polished unit. */
.reward-priority .tier{
  padding:18px !important;
  border-radius:16px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.024) 46%, rgba(0,229,255,.045)),
    radial-gradient(circle at 8% 0%, rgba(240,213,143,.18), transparent 36%),
    rgba(8,10,12,.72);
  border-color:rgba(240,213,143,.22);
}
.tier-hero-card{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(260px, .52fr);
  gap:18px;
  align-items:end;
  margin-bottom:12px;
  padding:20px 20px 16px;
  border-radius:14px;
  background:
    linear-gradient(140deg, rgba(0,0,0,.22), rgba(255,255,255,.035)),
    radial-gradient(circle at 88% 10%, rgba(0,229,255,.13), transparent 42%);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
.tier-hero-copy{
  min-width:0;
  display:grid;
  gap:7px;
}
.tier-hero-copy .badge{
  position:static !important;
  transform:none !important;
  justify-self:start;
  min-height:24px;
  margin:0 0 4px !important;
  padding:5px 12px;
  border-radius:999px;
  font-size:10px;
  letter-spacing:.045em;
  box-shadow:0 12px 30px -20px rgba(240,213,143,.65) !important;
}
.reward-priority .tier-hero-copy > .tier-sub{
  text-align:left;
  margin:0;
  color:rgba(246,242,231,.7);
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}
.reward-priority .tier-dep{
  margin:0 !important;
  color:#fff;
  font-size:clamp(34px, 4.6vw, 62px) !important;
  line-height:1 !important;
  text-align:left;
  text-shadow:0 18px 55px rgba(0,0,0,.55);
}
.reward-priority .tier-prize{
  width:min(100%, 390px);
  max-width:none;
  margin:8px 0 0 !important;
  padding:12px 14px !important;
  border-radius:12px;
  background:rgba(0,0,0,.28);
  border-color:rgba(255,255,255,.075);
}
.reward-priority .tp-val{
  color:#fffaf0;
  font-size:clamp(24px, 2.8vw, 36px) !important;
  line-height:1.05 !important;
  text-align:left;
}
.reward-priority .tier-prize .tier-sub{
  text-align:left;
  margin-top:4px;
}
.reward-priority .tier-meta{
  max-width:none;
  margin:0;
  display:grid;
  gap:8px;
}
.reward-priority .tier-meta .trow{
  min-height:52px;
  align-items:center;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
}
.reward-priority .tier-meta .trow span{
  color:rgba(246,242,231,.62);
  font-size:12px;
  font-weight:800;
}
.reward-priority .tier-meta .trow b{
  color:#fff;
  font-size:13px;
}
.reward-priority .tier-payout-showcase{
  margin-top:0;
  padding-top:12px;
}
.reward-priority .payout-major-grid{
  margin-top:0;
}

@media(max-width:760px){
  .reward-priority .tier{
    padding:12px !important;
  }
  .tier-hero-card{
    grid-template-columns:1fr;
    gap:12px;
    padding:16px 14px 14px;
  }
  .reward-priority .tier-dep,
  .reward-priority .tp-val,
  .reward-priority .tier-prize .tier-sub,
  .reward-priority .tier-hero-copy > .tier-sub{
    text-align:center;
  }
  .tier-hero-copy .badge{
    justify-self:center;
  }
  .reward-priority .tier-prize{
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .reward-priority .tier-meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .reward-priority .tier-meta .trow{
    min-height:48px;
    flex-direction:column;
    justify-content:center;
    gap:3px;
    text-align:center;
  }
}

/* Top 3 prize podium */
.reward-priority .payout-major-grid,
.payout-week-card .payout-major-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:end !important;
  gap:18px !important;
}
.reward-priority .payout-major-card,
.payout-week-card .payout-major-card{
  --podium-y:0px;
  position:relative;
  overflow:hidden;
  min-height:304px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease, filter .28s ease !important;
  transform:translateY(var(--podium-y)) !important;
}
.reward-priority .payout-major-card::after,
.payout-week-card .payout-major-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  opacity:0;
  transition:opacity .28s ease;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38), inset 0 0 36px rgba(255,255,255,.12);
}
.reward-priority .payout-major-card:hover,
.payout-week-card .payout-major-card:hover{
  transform:translateY(calc(var(--podium-y) - 8px)) scale(1.025) !important;
  filter:saturate(1.08);
}
.reward-priority .payout-major-card:hover::after,
.payout-week-card .payout-major-card:hover::after{
  opacity:1;
}
.reward-priority .payout-major-card.payout-rank-1,
.payout-week-card .payout-major-card.payout-rank-1{
  --podium-y:-18px;
  order:2 !important;
  min-height:354px !important;
  border-color:rgba(255,214,89,.5) !important;
  background:
    radial-gradient(circle at 50% -14%, rgba(255,217,106,.36), transparent 50%),
    linear-gradient(160deg, rgba(67,49,12,.98), rgba(20,18,15,.98) 58%, rgba(9,10,12,.98)) !important;
  box-shadow:0 34px 100px -52px rgba(255,217,106,.9), 0 18px 46px -34px rgba(0,0,0,.95) !important;
}
.reward-priority .payout-major-card.payout-rank-2,
.payout-week-card .payout-major-card.payout-rank-2{
  order:1 !important;
  border-color:rgba(224,232,242,.34) !important;
  background:
    radial-gradient(circle at 50% -18%, rgba(238,244,252,.24), transparent 54%),
    linear-gradient(160deg, rgba(63,68,77,.96), rgba(20,23,29,.98) 58%, rgba(9,10,12,.98)) !important;
  box-shadow:0 28px 78px -54px rgba(224,232,242,.58), 0 18px 42px -34px rgba(0,0,0,.95) !important;
}
.reward-priority .payout-major-card.payout-rank-3,
.payout-week-card .payout-major-card.payout-rank-3{
  order:3 !important;
  border-color:rgba(205,139,84,.36) !important;
  background:
    radial-gradient(circle at 50% -18%, rgba(205,139,84,.28), transparent 54%),
    linear-gradient(160deg, rgba(78,46,25,.96), rgba(22,19,18,.98) 58%, rgba(9,10,12,.98)) !important;
  box-shadow:0 28px 78px -54px rgba(205,139,84,.58), 0 18px 42px -34px rgba(0,0,0,.95) !important;
}
.reward-priority .payout-major-card.payout-rank-1:hover,
.payout-week-card .payout-major-card.payout-rank-1:hover{
  border-color:rgba(255,230,139,.96) !important;
  box-shadow:0 0 0 1px rgba(255,230,139,.42), 0 36px 110px -44px rgba(255,217,106,.96) !important;
}
.reward-priority .payout-major-card.payout-rank-2:hover,
.payout-week-card .payout-major-card.payout-rank-2:hover{
  border-color:rgba(241,247,255,.9) !important;
  box-shadow:0 0 0 1px rgba(241,247,255,.32), 0 34px 94px -48px rgba(224,232,242,.8) !important;
}
.reward-priority .payout-major-card.payout-rank-3:hover,
.payout-week-card .payout-major-card.payout-rank-3:hover{
  border-color:rgba(229,162,104,.92) !important;
  box-shadow:0 0 0 1px rgba(229,162,104,.34), 0 34px 94px -48px rgba(205,139,84,.82) !important;
}
.reward-priority .payout-major-card.payout-rank-1 .payout-rank-badge,
.payout-week-card .payout-major-card.payout-rank-1 .payout-rank-badge{
  color:#fff7cf;
  border-color:rgba(255,217,106,.36);
}
.reward-priority .payout-major-card.payout-rank-2 .payout-rank-badge,
.payout-week-card .payout-major-card.payout-rank-2 .payout-rank-badge{
  color:#eef4ff;
  border-color:rgba(224,232,242,.34);
}
.reward-priority .payout-major-card.payout-rank-3 .payout-rank-badge,
.payout-week-card .payout-major-card.payout-rank-3 .payout-rank-badge{
  color:#ffd2ad;
  border-color:rgba(205,139,84,.38);
}

@media(max-width:860px){
  .reward-priority .payout-major-grid,
  .payout-week-card .payout-major-grid{
    grid-template-columns:1fr !important;
    align-items:stretch !important;
  }
  .reward-priority .payout-major-card,
  .reward-priority .payout-major-card.payout-rank-1,
  .payout-week-card .payout-major-card,
  .payout-week-card .payout-major-card.payout-rank-1{
    --podium-y:0px;
    order:initial !important;
    min-height:0 !important;
  }
  .reward-priority .payout-major-card.payout-rank-1,
  .payout-week-card .payout-major-card.payout-rank-1{order:1 !important}
  .reward-priority .payout-major-card.payout-rank-2,
  .payout-week-card .payout-major-card.payout-rank-2{order:2 !important}
  .reward-priority .payout-major-card.payout-rank-3,
  .payout-week-card .payout-major-card.payout-rank-3{order:3 !important}
}

/* Register page actions: clearer button hierarchy and softer frames. */
[data-view="register"] .register-copy,
[data-view="register"] .register-form,
[data-view="register"] .register-steps div,
[data-view="register"] .mt5-block{
  border-radius:26px !important;
}
[data-view="register"] .register-step-eyebrow,
[data-view="register"] .register-steps b,
[data-view="register"] .btn,
[data-view="register"] input:not([type="checkbox"]),
[data-view="register"] select,
[data-view="register"] textarea{
  border-radius:999px !important;
}
[data-view="register"] textarea{
  border-radius:22px !important;
}
[data-view="register"] .register-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px !important;
  align-items:stretch;
}
[data-view="register"] .register-actions .btn{
  width:100%;
  min-height:44px;
  padding:10px 14px;
}
[data-view="register"] .register-actions .btn-outline{
  order:1;
}
[data-view="register"] .register-actions .btn-group{
  order:2;
  grid-column:1 / -1;
  min-height:52px;
}
[data-view="register"] .form-actions{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}
[data-view="register"] .form-actions .btn{
  width:100%;
  min-height:44px;
  padding:10px 13px;
  font-size:13px;
}
[data-view="register"] .form-actions .btn-cyan{
  order:1;
  grid-column:1 / -1;
  min-height:60px;
  font-size:16px;
}
[data-view="register"] .form-actions .btn-outline{
  order:2;
}

@media(max-width:640px){
  [data-view="register"] .register-copy,
  [data-view="register"] .register-form,
  [data-view="register"] .register-steps div,
  [data-view="register"] .mt5-block{
    border-radius:22px !important;
  }
  [data-view="register"] .register-actions,
  [data-view="register"] .form-actions{
    gap:8px !important;
  }
  [data-view="register"] .register-actions .btn{
    min-height:42px;
    padding:8px 6px;
    font-size:12px;
    white-space:nowrap;
  }
  [data-view="register"] .form-actions .btn{
    min-height:42px;
    padding:9px 8px;
    font-size:12.5px;
  }
  [data-view="register"] .form-actions .btn-cyan{
    min-height:56px;
    font-size:15px;
  }
}

/* Final polish: FAQ text should read as one sentence, and winners uses arrows instead of visible scrollbars. */
.faq summary{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  justify-content:normal !important;
  column-gap:16px;
  white-space:normal;
  overflow-wrap:anywhere;
}
.faq summary .brand-mark{
  display:inline !important;
  white-space:normal !important;
}

[data-view="winners"] .wrap,
[data-view="winners"] #winners-list,
[data-view="winners"] .payout-week-carousel{
  max-width:100%;
  overflow-x:hidden !important;
}
[data-view="winners"] .payout-week-rail{
  overflow-x:hidden !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
[data-view="winners"] .payout-week-rail::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

/* Compact challenge config: two parallel tables, no duplicate rule block below. */
.challenge-suite-grid{
  grid-template-columns:1fr !important;
  gap:18px !important;
  align-items:stretch;
}
.challenge-config-card{
  padding:0 !important;
  gap:0 !important;
  overflow:hidden;
}
.config-table{
  display:grid;
}
.config-row{
  display:grid;
  grid-template-columns:minmax(96px,.45fr) minmax(0,1fr);
  gap:3px 8px;
  align-items:start;
  min-height:64px;
  padding:12px 16px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.config-row > *{min-width:0}
.config-row span{
  display:block;
  color:var(--dim2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.config-row b{
  color:#fff;
  font-size:18px;
  line-height:1.15;
}
.config-row small{
  grid-column:2;
  color:var(--dim);
  font-size:13px;
  line-height:1.4;
  display:block;
}
.config-row.highlight b{
  color:var(--champagne);
}
.config-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:16px 20px 20px;
}
.config-actions .btn{
  min-height:46px;
}

 .challenge-suite .objective-row{
  grid-template-columns:minmax(116px,.72fr) minmax(0,1fr) !important;
  gap:5px 13px !important;
  align-items:start !important;
}
.challenge-suite .objective-row small{
  grid-column:2;
}

@media(max-width:760px){
  .challenge-suite-grid{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:640px){
  .config-row,
  .objective-row{
    grid-template-columns:1fr !important;
    gap:5px !important;
    min-height:0 !important;
    padding:13px 15px !important;
  }
  .config-row small,
  .challenge-suite .objective-row small{
    grid-column:auto;
  }
  .config-actions{
    grid-template-columns:1fr;
    padding:14px 15px 16px;
  }
}

/* Site-wide compact spacing: tighter cards and less empty vertical air. */
section.block{
  padding-top:48px !important;
  padding-bottom:48px !important;
}
.sec-head{
  margin-bottom:22px !important;
}
.sec-head p{
  margin-top:6px !important;
  line-height:1.45;
}
.grid3,
.grid5,
.two,
.steps,
.phase-grid,
.cockpit-grid,
.challenge-lab{
  gap:12px !important;
}
.card,
.step,
.phase-card,
.feat,
.cockpit-panel,
.challenge-card,
.rule{
  padding:18px !important;
  min-height:0 !important;
}
.card.center{
  min-height:0 !important;
}
.card h3,
.phase-card h3,
.feat h4{
  margin-bottom:6px !important;
}
.card p,
.phase-card p,
.feat p{
  line-height:1.45;
}
.ic{
  width:48px !important;
  height:48px !important;
  margin-bottom:10px !important;
  font-size:22px !important;
  border-radius:16px !important;
}
.challenge-suite-head{
  margin-bottom:18px !important;
}
.objective-table-head{
  min-height:60px !important;
  padding:14px 16px !important;
}
.config-row,
.challenge-suite .objective-row{
  min-height:62px !important;
  padding:11px 16px !important;
}
.config-actions{
  padding:12px 16px 16px !important;
}
.ranking-mode-grid{
  margin-bottom:0 !important;
}

@media(max-width:640px){
  section.block{
    padding-top:34px !important;
    padding-bottom:34px !important;
  }
  .sec-head{
    margin-bottom:14px !important;
  }
  .card,
  .step,
  .phase-card,
  .feat,
  .cockpit-panel,
  .challenge-card,
  .rule{
    padding:15px !important;
  }
}

.prizepool{
  display:none !important;
}

.reward-priority .tier{
  padding-top:14px !important;
}
.reward-priority .tier-payout-showcase{
  padding-top:0 !important;
}
.reward-priority{
  padding-top:56px !important;
}
.reward-priority-head h2{
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(34px, 4.2vw, 56px) !important;
  line-height:1.08 !important;
  text-wrap:balance;
  overflow:visible;
}

@media(max-width:640px){
  .reward-priority{
    padding-top:38px !important;
  }
  .reward-priority-head h2{
    font-size:clamp(30px, 10vw, 42px) !important;
    line-height:1.08 !important;
  }
}

/* Challenge guardrails: single featured block after rewards. */
.hero-support-block{
  padding-top:46px !important;
  padding-bottom:48px !important;
}
.hero-support-block .hero-lower-shell{
  display:grid !important;
  grid-template-columns:minmax(0, 1040px) !important;
  justify-content:center !important;
  gap:0 !important;
  margin-top:0 !important;
}
.hero-support-block .hero-prop-list{
  display:none !important;
}
.hero-support-block .hero-side-panel{
  display:block !important;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  padding:34px !important;
  border-radius:30px !important;
}
.hero-support-block .hero-side-panel h3{
  margin-bottom:22px !important;
  font-size:clamp(32px, 3.4vw, 48px) !important;
  line-height:1.04 !important;
}
.hero-support-block .hero-guards{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}
.hero-support-block .hero-guard{
  min-height:116px;
  padding:18px 20px;
  border-radius:22px;
}
.hero-support-block .hero-guard-top strong{
  font-size:15px;
}
.hero-support-block .hero-guard p{
  font-size:13.5px;
  line-height:1.45;
}
.hero-support-block .hero-ticker{
  margin-top:20px;
  gap:10px;
}

@media(max-width:760px){
  .hero-support-block{
    padding-top:30px !important;
    padding-bottom:34px !important;
  }
  .hero-support-block .hero-lower-shell{
    grid-template-columns:minmax(0, 1fr) !important;
  }
  .hero-support-block .hero-side-panel{
    display:block !important;
    padding:18px !important;
    border-radius:22px !important;
  }
  .hero-support-block .hero-side-panel h3{
    font-size:clamp(26px, 8vw, 34px) !important;
    line-height:1.1 !important;
    margin-bottom:16px !important;
  }
  .hero-support-block .hero-guards{
    grid-template-columns:1fr;
    gap:10px;
  }
  .hero-support-block .hero-guard{
    min-height:0;
    padding:14px 15px;
    border-radius:18px;
  }
  .hero-support-block .hero-ticker{
    margin-top:14px;
  }
  .hero-support-block .hero-ticker span{
    min-height:34px;
    padding:0 12px;
    font-size:11px;
  }
}

/* Challenge rules: use proper title styling instead of small table labels. */
.challenge-suite .objective-table-head{
  justify-content:center !important;
  text-align:center !important;
  min-height:72px !important;
}
.challenge-suite .objective-table-head span{
  color:#fff !important;
  font-size:clamp(24px, 2.35vw, 32px) !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  line-height:1.08 !important;
  text-transform:none !important;
}

@media(max-width:640px){
  .challenge-suite .objective-table-head{
    min-height:62px !important;
    padding:14px 16px !important;
  }
  .challenge-suite .objective-table-head span{
    font-size:24px !important;
  }
}

/* Winners page: show one payout period cleanly, without clipping the next period. */
[data-view="winners"] .wrap{
  max-width:1180px;
}
[data-view="winners"] .payout-week-carousel{
  max-width:1120px;
  margin:0 auto;
  padding:0 54px;
  overflow:visible !important;
}
[data-view="winners"] .payout-week-rail{
  width:100%;
  margin:0 !important;
  padding:24px 0 18px !important;
  gap:0 !important;
  overflow-x:hidden !important;
  overflow-y:visible !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth;
}
[data-view="winners"] .payout-week-card{
  flex:0 0 100% !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  box-sizing:border-box;
  scroll-snap-align:start !important;
}
[data-view="winners"] .payout-week-prev{
  left:0 !important;
}
[data-view="winners"] .payout-week-next{
  right:0 !important;
}

@media(max-width:900px){
  [data-view="winners"] .payout-week-carousel{
    padding:0 42px;
  }
}

@media(max-width:640px){
  [data-view="winners"] .payout-week-carousel{
    padding:0 38px;
  }
  [data-view="winners"] .payout-week-rail{
    padding:14px 0 24px !important;
  }
  [data-view="winners"] .payout-week-card{
    padding:52px 12px 18px !important;
  }
}

/* Home cleanup: calmer hero/reward area with a stronger prize label. */
.nav-timebar{
  display:none !important;
}
.nav .wrap{
  gap:18px !important;
}
.hero-contest-timebar{
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:0 24px 76px -62px rgba(240,213,143,.72), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.reward-priority{
  padding-top:42px !important;
}
.reward-priority-head .sec-tag{
  min-height:50px !important;
  padding:0 28px !important;
  font-size:17px !important;
  line-height:1 !important;
  letter-spacing:.025em !important;
  color:#fff6d6 !important;
  background:linear-gradient(135deg, rgba(240,213,143,.2), rgba(255,255,255,.075)) !important;
  border-color:rgba(240,213,143,.34) !important;
  box-shadow:0 18px 52px -38px rgba(240,213,143,.82), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.reward-priority .tier,
.tier-hero-card,
.reward-priority .tier-prize,
.reward-priority .tier-meta .trow{
  border-color:rgba(255,255,255,.06) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.reward-priority .tier{
  background:
    linear-gradient(135deg, rgba(255,255,255,.062), rgba(255,255,255,.02) 48%, rgba(0,229,255,.038)),
    radial-gradient(circle at 8% 0%, rgba(240,213,143,.14), transparent 34%),
    rgba(8,10,12,.72) !important;
}
.tier-hero-card{
  background:
    linear-gradient(140deg, rgba(0,0,0,.18), rgba(255,255,255,.028)),
    radial-gradient(circle at 88% 10%, rgba(0,229,255,.1), transparent 42%) !important;
}
.reward-priority .payout-major-card{
  border-color:rgba(255,255,255,.075) !important;
}
.reward-priority .payout-major-card.payout-rank-1{
  border-color:rgba(255,214,89,.38) !important;
}
.reward-priority .payout-major-card.payout-rank-2{
  border-color:rgba(224,232,242,.25) !important;
}
.reward-priority .payout-major-card.payout-rank-3{
  border-color:rgba(205,139,84,.28) !important;
}

@media(max-width:640px){
  .reward-priority{
    padding-top:34px !important;
  }
  .reward-priority-head .sec-tag{
    min-height:42px !important;
    padding:0 20px !important;
    font-size:14px !important;
  }
}

/* Stronger cleanup pass: remove time widgets and make the first screen tighter. */
.hero-contest-timebar{
  display:none !important;
}
.hero{
  padding:48px 0 24px !important;
}
.hero-shell{
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 340px !important;
  gap:32px !important;
  align-items:center !important;
}
.hero-copy,
.hero.hero-scroll-fx .hero-copy{
  display:block !important;
  max-width:none !important;
  margin:0 !important;
  text-align:left !important;
}
.hero-copy .hero-logo-title{
  margin-left:0 !important;
  margin-right:0 !important;
}
.hero-copy .hero-signature{
  margin-left:0 !important;
  margin-right:0 !important;
}
.hero-copy .actions{
  margin-top:24px !important;
  justify-content:flex-start !important;
}
.hero-fan{
  margin:0 !important;
}
.reward-priority{
  padding-top:26px !important;
}
section.block.reward-priority{
  padding-top:26px !important;
  padding-bottom:44px !important;
}
.reward-priority-head{
  margin-bottom:18px !important;
}
.reward-priority .tier,
.tier-hero-card,
.reward-priority .tier-prize,
.reward-priority .tier-meta .trow{
  border-color:transparent !important;
  box-shadow:none !important;
}
.reward-priority .tier{
  padding:14px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.048), rgba(255,255,255,.014) 52%, rgba(0,229,255,.028)),
    radial-gradient(circle at 50% 0%, rgba(240,213,143,.11), transparent 38%),
    rgba(6,9,12,.6) !important;
}
.tier-hero-card{
  padding:16px 18px 12px !important;
  margin-bottom:10px !important;
  background:rgba(255,255,255,.025) !important;
}
.reward-priority .tier-payout-showcase{
  padding-top:8px !important;
}
.reward-priority .payout-major-grid{
  gap:14px !important;
}
.reward-priority .payout-major-card{
  border-color:rgba(255,255,255,.035) !important;
  box-shadow:0 22px 60px -50px rgba(0,0,0,.9) !important;
}
.reward-priority .payout-major-card.payout-rank-1,
.reward-priority .payout-major-card.payout-rank-2,
.reward-priority .payout-major-card.payout-rank-3{
  border-color:rgba(255,255,255,.045) !important;
}
.reward-priority .payout-major-card.payout-rank-1:hover{
  border-color:rgba(255,230,139,.96) !important;
  box-shadow:0 0 0 1px rgba(255,230,139,.42), 0 36px 110px -44px rgba(255,217,106,.96) !important;
}
.reward-priority .payout-major-card.payout-rank-2:hover{
  border-color:rgba(241,247,255,.9) !important;
  box-shadow:0 0 0 1px rgba(241,247,255,.32), 0 34px 94px -48px rgba(224,232,242,.8) !important;
}
.reward-priority .payout-major-card.payout-rank-3:hover{
  border-color:rgba(229,162,104,.92) !important;
  box-shadow:0 0 0 1px rgba(229,162,104,.34), 0 34px 94px -48px rgba(205,139,84,.82) !important;
}

@media(max-width:640px){
  .hero{
    padding:30px 0 18px !important;
  }
  .hero-copy .actions{
    margin-top:18px !important;
  }
  .reward-priority{
    padding-top:22px !important;
  }
  section.block.reward-priority{
    padding-top:22px !important;
    padding-bottom:34px !important;
  }
  .reward-priority .tier{
    padding:10px !important;
  }
}

/* Keep the main countdown, but only as one clean hero time panel. */
.hero-contest-timebar{
  display:block !important;
}
@media(min-width:861px){
  .hero-copy,
  .hero.hero-scroll-fx .hero-copy{
    display:grid !important;
    grid-template-columns:minmax(0, 1.05fr) minmax(340px, .75fr) !important;
    grid-template-areas:
      "est timebar"
      "title timebar"
      "signature timebar"
      "actions actions" !important;
    align-items:center !important;
    column-gap:32px !important;
    max-width:1080px !important;
    text-align:left !important;
  }
  .hero-copy .hero-est,
  .hero-copy .hero-logo-title .hero-brand-line{
    justify-content:flex-start !important;
  }
  .hero-copy .hero-logo-title,
  .hero-copy .hero-signature{
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }
  .hero-copy .actions{
    justify-content:center !important;
  }
  .hero-contest-timebar{
    grid-area:timebar !important;
    max-width:430px !important;
    margin:0 0 0 auto !important;
    padding:18px 18px 19px !important;
    border-color:rgba(255,255,255,.08) !important;
    box-shadow:0 28px 80px -60px rgba(240,213,143,.78), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }
}
@media(max-width:860px){
  .hero-contest-timebar{
    max-width:520px !important;
    margin:16px auto 0 !important;
  }
}

/* Prize section structure: remove nested frames and keep only the clean cards. */
.reward-priority .tiers{
  max-width:920px !important;
  margin:0 auto !important;
}
.reward-priority .tier{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.reward-priority .tier-top,
.reward-priority .tier-payout-layout,
.reward-priority .payout-layout{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.reward-priority .payout-fireworks,
.reward-priority .tier > .btn{
  display:none !important;
}
.reward-priority .payout-major-grid{
  max-width:880px !important;
  margin:0 auto !important;
  gap:18px !important;
}
.reward-priority .payout-major-card,
.reward-priority .payout-major-card.payout-rank-1{
  min-height:158px !important;
  padding:18px 20px 16px !important;
  border-radius:8px !important;
  align-items:center !important;
  text-align:center !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 50% -18%, rgba(255,255,255,.16), transparent 45%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.026) 48%, rgba(0,229,255,.055)),
    rgba(5,11,16,.72) !important;
  box-shadow:0 22px 64px -52px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.reward-priority .payout-major-card.payout-rank-1{
  --podium-y:-12px;
  min-height:178px !important;
  background:
    radial-gradient(circle at 50% -18%, rgba(255,217,106,.3), transparent 48%),
    linear-gradient(145deg, rgba(255,215,96,.12), rgba(255,255,255,.035) 48%, rgba(0,229,255,.045)),
    rgba(6,11,15,.74) !important;
}
.reward-priority .payout-major-card.payout-rank-2,
.reward-priority .payout-major-card.payout-rank-3{
  --podium-y:0px;
  min-height:158px !important;
}
.reward-priority .payout-major-card .payout-rank-badge{
  order:4;
  margin-top:4px;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.78) !important;
  font-size:12px !important;
}
.reward-priority .payout-major-card h3{
  order:2;
  min-height:0 !important;
  margin:2px 0 0 !important;
  font-size:clamp(18px, 2vw, 22px) !important;
  line-height:1.14 !important;
}
.reward-priority .payout-major-card .payout-prize-img,
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
  order:1;
  min-height:54px !important;
  height:54px !important;
  width:100% !important;
  margin:-8px 0 2px !important;
}
.reward-priority .payout-major-card .payout-prize-img img,
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
  max-height:68px !important;
}
.reward-priority .payout-major-card .payout-prize-name{
  order:3;
  min-height:0 !important;
  justify-content:center !important;
  margin-top:2px !important;
  color:rgba(255,255,255,.82) !important;
  font-size:13px !important;
}
.reward-priority .payout-major-card .payout-stats{
  display:none !important;
}
.reward-priority .payout-cash-visual{
  position:relative;
  width:56px !important;
  height:56px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.74), transparent 24%),
    linear-gradient(145deg, rgba(236,242,248,.9), rgba(116,130,145,.92)) !important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.22), 0 14px 30px -18px rgba(255,255,255,.85) !important;
}
.reward-priority .payout-rank-3 .payout-cash-visual{
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.56), transparent 24%),
    linear-gradient(145deg, rgba(215,148,96,.95), rgba(117,67,38,.96)) !important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.16), 0 14px 30px -18px rgba(215,148,96,.85) !important;
}
.reward-priority .payout-cash-visual::before{
  content:"$";
  color:rgba(255,255,255,.88);
  font-size:30px;
  font-weight:900;
  line-height:1;
  text-shadow:0 2px 8px rgba(0,0,0,.34);
}
.reward-priority .payout-cash-visual b,
.reward-priority .payout-cash-visual small{
  display:none !important;
}
.reward-priority .payout-consolation{
  max-width:880px !important;
  margin:16px auto 0 !important;
  border:0 !important;
  background:rgba(255,255,255,.025) !important;
  box-shadow:none !important;
}
.reward-priority .payout-consolation-row{
  border-color:rgba(255,255,255,.045) !important;
  background:rgba(255,255,255,.025) !important;
}

@media(max-width:860px){
  .reward-priority .payout-major-grid{
    max-width:520px !important;
    gap:12px !important;
  }
  .reward-priority .payout-major-card,
  .reward-priority .payout-major-card.payout-rank-1{
    --podium-y:0px;
    min-height:136px !important;
    padding:16px !important;
  }
}

/* Fold fit: keep hero compact enough that rewards are visible immediately. */
@media(min-width:861px){
  .hero{
    padding:28px 0 18px !important;
  }
  .hero h1.hero-logo-title{
    font-size:clamp(48px, 5.1vw, 72px) !important;
    line-height:.93 !important;
  }
  .hero-copy .hero-est{
    margin-bottom:0 !important;
    font-size:13px !important;
  }
  .hero-copy .hero-signature{
    margin-top:0 !important;
    font-size:clamp(20px, 2vw, 28px) !important;
    line-height:1.18 !important;
  }
  .hero-copy .actions{
    margin-top:14px !important;
  }
  .hero-contest-timebar{
    max-width:390px !important;
    padding:14px 14px 15px !important;
    border-radius:14px !important;
  }
  .hero-contest-timebar .cd-head{
    margin-bottom:5px !important;
    font-size:12px !important;
  }
  .hero-contest-timebar .cd-status{
    margin-bottom:9px !important;
    gap:1px !important;
  }
  .hero-contest-timebar .cd-status-lead{
    font-size:clamp(18px, 1.55vw, 22px) !important;
  }
  .hero-contest-timebar .cd-status-time{
    font-size:clamp(24px, 2.2vw, 30px) !important;
  }
  .hero-contest-timebar .cd-status-note{
    font-size:12px !important;
    margin-top:2px !important;
  }
  .hero-contest-timebar .cd-progress-track{
    height:7px !important;
  }
  .hero-contest-timebar .cd-meta{
    margin:7px 0 8px !important;
    font-size:11px !important;
  }
  .hero-contest-timebar .cd{
    gap:7px !important;
  }
  .hero-contest-timebar .cd-box{
    min-width:54px !important;
    padding:8px 3px !important;
    border-radius:10px !important;
  }
  .hero-contest-timebar .cd-num{
    font-size:22px !important;
  }
  .hero-contest-timebar .cd-lbl{
    font-size:10px !important;
    margin-top:4px !important;
  }
  section.block.reward-priority{
    padding-top:18px !important;
  }
  .reward-priority-head{
    margin-bottom:10px !important;
  }
  .reward-priority-head .sec-tag{
    min-height:38px !important;
    padding:0 20px !important;
    font-size:13px !important;
  }
  .reward-priority-head h2{
    margin-top:8px !important;
    font-size:clamp(30px, 3.2vw, 42px) !important;
  }
  .reward-priority-head p{
    margin-top:4px !important;
    font-size:13px !important;
  }
}

/* Remove leftover section frame lines around the prize block. */
.reward-priority{
  border-top:0 !important;
  border-bottom:0 !important;
}
.reward-priority::before,
.reward-priority::after{
  display:none !important;
  content:none !important;
}

/* Hero name: keep "Trading Challenge" as one premium gold line. */
.hero-logo-title .hero-challenge{
  white-space:nowrap !important;
}
@media(min-width:861px){
  .hero h1.hero-logo-title{
    inline-size:min(100%, 12.8ch) !important;
    max-width:min(100%, 12.8ch) !important;
  }
  .hero-logo-title .hero-challenge{
    font-size:.54em !important;
    line-height:1.02 !important;
  }
}
@media(max-width:860px){
  .hero-logo-title .hero-challenge{
    font-size:.52em !important;
    line-height:1.05 !important;
  }
}

/* Reward title crop fix: keep the prize section clear of the viewport edge. */
section.block.reward-priority,
.reward-priority{
  overflow:visible !important;
  scroll-margin-top:112px !important;
}
section.block.reward-priority{
  padding-top:54px !important;
}
.reward-priority .wrap{
  overflow:visible !important;
}
.reward-priority-head{
  padding-top:8px !important;
  margin-bottom:16px !important;
  overflow:visible !important;
}
.reward-priority-head h2{
  margin-top:10px !important;
  line-height:1.14 !important;
  padding-top:.08em !important;
  overflow:visible !important;
}

@media(min-width:861px){
  section.block.reward-priority{
    padding-top:62px !important;
  }
}

@media(max-width:860px){
  section.block.reward-priority{
    padding-top:44px !important;
    scroll-margin-top:92px !important;
  }
  .reward-priority-head{
    padding-top:6px !important;
  }
}

/* Prize image crop fix: keep the Top 1 product fully inside its card. */
.reward-priority .payout-major-card,
.reward-priority .payout-major-grid{
  overflow:visible !important;
}
.reward-priority .payout-major-card.payout-rank-1{
  padding-top:24px !important;
  overflow:visible !important;
}
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
  height:78px !important;
  min-height:78px !important;
  margin:0 0 8px !important;
  overflow:visible !important;
}
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
  display:block !important;
  max-height:76px !important;
  width:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}

@media(max-width:860px){
  .reward-priority .payout-major-card.payout-rank-1{
    padding-top:22px !important;
  }
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
    height:72px !important;
    min-height:72px !important;
  }
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
    max-height:70px !important;
  }
}

/* Home rewards: make the Top 3 prize cards large enough for real information. */
.reward-priority .tiers,
.reward-priority .payout-major-grid,
.reward-priority .payout-consolation{
  max-width:1120px !important;
}
.reward-priority .payout-major-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1fr) !important;
  align-items:end !important;
  gap:22px !important;
  margin:0 auto !important;
}
.reward-priority .payout-major-card,
.reward-priority .payout-major-card.payout-rank-1,
.reward-priority .payout-major-card.payout-rank-2,
.reward-priority .payout-major-card.payout-rank-3{
  min-height:306px !important;
  padding:22px 24px 20px !important;
  border-radius:10px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  align-items:center !important;
  text-align:center !important;
}
.reward-priority .payout-major-card.payout-rank-1{
  min-height:350px !important;
  padding-top:26px !important;
}
.reward-priority .payout-major-card.payout-rank-2,
.reward-priority .payout-major-card.payout-rank-3{
  min-height:312px !important;
}
.reward-priority .payout-major-card .payout-rank-badge{
  order:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  min-width:126px !important;
  margin:0 auto 8px !important;
  padding:0 18px !important;
  border-radius:6px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  font-size:15px !important;
}
.reward-priority .payout-major-card h3{
  order:3 !important;
  min-height:0 !important;
  margin:8px 0 2px !important;
  font-size:clamp(22px, 2.15vw, 30px) !important;
  line-height:1.08 !important;
}
.reward-priority .payout-major-card .payout-prize-img,
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
  order:2 !important;
  width:100% !important;
  height:122px !important;
  min-height:122px !important;
  margin:4px 0 8px !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
  height:148px !important;
  min-height:148px !important;
}
.reward-priority .payout-major-card .payout-prize-img img,
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
  max-height:140px !important;
  width:auto !important;
  object-fit:contain !important;
  transform:none !important;
}
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
  max-height:148px !important;
}
.reward-priority .payout-cash-visual{
  width:116px !important;
  height:116px !important;
}
.reward-priority .payout-cash-visual::before{
  font-size:56px !important;
}
.reward-priority .payout-major-card .payout-prize-name{
  order:4 !important;
  margin:4px 0 0 !important;
  min-height:0 !important;
  justify-content:center !important;
  color:rgba(255,255,255,.86) !important;
  font-size:15px !important;
}
.reward-priority .payout-major-card .payout-stats{
  order:5 !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:8px !important;
  width:100% !important;
  margin-top:14px !important;
  padding-top:0 !important;
  border-top:0 !important;
}
.reward-priority .payout-major-card .payout-stats span{
  min-height:48px !important;
  padding:9px 10px !important;
  border-radius:6px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  background:rgba(0,0,0,.18) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  text-align:left !important;
}
.reward-priority .payout-major-card .payout-stats b{
  color:#fff !important;
  font-size:14px !important;
  line-height:1.05 !important;
}
.reward-priority .payout-major-card .payout-stats small{
  margin-top:4px !important;
  color:rgba(255,255,255,.58) !important;
  font-size:10px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}
.reward-priority .payout-consolation{
  margin-top:22px !important;
}

@media(max-width:980px){
  .reward-priority .payout-major-grid{
    grid-template-columns:1fr !important;
    max-width:560px !important;
  }
  .reward-priority .payout-major-card,
  .reward-priority .payout-major-card.payout-rank-1,
  .reward-priority .payout-major-card.payout-rank-2,
  .reward-priority .payout-major-card.payout-rank-3{
    min-height:300px !important;
  }
}

@media(max-width:560px){
  .reward-priority .payout-major-card,
  .reward-priority .payout-major-card.payout-rank-1,
  .reward-priority .payout-major-card.payout-rank-2,
  .reward-priority .payout-major-card.payout-rank-3{
    min-height:268px !important;
    padding:18px !important;
  }
  .reward-priority .payout-major-card h3{
    font-size:clamp(20px, 7vw, 26px) !important;
  }
  .reward-priority .payout-major-card .payout-prize-img,
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
    height:108px !important;
    min-height:108px !important;
  }
  .reward-priority .payout-major-card .payout-prize-img img,
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
    max-height:106px !important;
  }
  .reward-priority .payout-cash-visual{
    width:96px !important;
    height:96px !important;
  }
  .reward-priority .payout-cash-visual::before{
    font-size:44px !important;
  }
}

/* Final balance: large prize cards, but still readable within the first reward viewport. */
@media(min-width:981px){
  .reward-priority .payout-major-card,
  .reward-priority .payout-major-card.payout-rank-2,
  .reward-priority .payout-major-card.payout-rank-3{
    min-height:304px !important;
    padding:20px 22px 18px !important;
    justify-content:flex-start !important;
  }
  .reward-priority .payout-major-card.payout-rank-1{
    min-height:336px !important;
    padding:22px 24px 18px !important;
    justify-content:flex-start !important;
  }
  .reward-priority .payout-major-card .payout-rank-badge{
    min-height:38px !important;
    margin-bottom:8px !important;
  }
  .reward-priority .payout-major-card .payout-prize-img,
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
    height:108px !important;
    min-height:108px !important;
    margin:2px 0 8px !important;
  }
  .reward-priority .payout-major-card .payout-prize-img img,
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
    max-height:108px !important;
  }
  .reward-priority .payout-cash-visual{
    width:104px !important;
    height:104px !important;
  }
  .reward-priority .payout-cash-visual::before{
    font-size:50px !important;
  }
  .reward-priority .payout-major-card h3{
    margin:6px 0 2px !important;
    font-size:clamp(21px, 1.95vw, 26px) !important;
    line-height:1.08 !important;
  }
  .reward-priority .payout-major-card .payout-prize-name{
    font-size:14px !important;
  }
  .reward-priority .payout-major-card .payout-stats{
    margin-top:10px !important;
  }
  .reward-priority .payout-major-card .payout-stats span{
    min-height:42px !important;
    padding:8px 9px !important;
  }
  .reward-priority .payout-major-card .payout-stats b{
    font-size:13px !important;
  }
}

/* Home rewards portrait layout: tall cards, Top 1 centered. */
@media(min-width:981px){
  .reward-priority .tiers,
  .reward-priority .payout-major-grid,
  .reward-priority .payout-consolation{
    max-width:1160px !important;
  }
  .reward-priority .payout-major-grid{
    grid-template-columns:minmax(260px, 300px) minmax(310px, 350px) minmax(260px, 300px) !important;
    justify-content:center !important;
    gap:24px !important;
    align-items:end !important;
  }
  .reward-priority .payout-major-card,
  .reward-priority .payout-major-card.payout-rank-1,
  .reward-priority .payout-major-card.payout-rank-2,
  .reward-priority .payout-major-card.payout-rank-3{
    width:100% !important;
    min-height:440px !important;
    height:440px !important;
    padding:28px 24px 24px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    text-align:center !important;
  }
  .reward-priority .payout-major-card.payout-rank-1{
    grid-column:2 !important;
    grid-row:1 !important;
    min-height:510px !important;
    height:510px !important;
    padding:32px 28px 26px !important;
    transform:translateY(-18px) !important;
  }
  .reward-priority .payout-major-card.payout-rank-2{
    grid-column:1 !important;
    grid-row:1 !important;
  }
  .reward-priority .payout-major-card.payout-rank-3{
    grid-column:3 !important;
    grid-row:1 !important;
  }
  .reward-priority .payout-major-card .payout-rank-badge{
    align-self:center !important;
    justify-self:auto !important;
    min-width:118px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 16px !important;
    font-size:14px !important;
  }
  .reward-priority .payout-major-card .payout-prize-img,
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
    width:100% !important;
    height:168px !important;
    min-height:168px !important;
    margin:4px 0 2px !important;
    place-items:center !important;
  }
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
    height:205px !important;
    min-height:205px !important;
  }
  .reward-priority .payout-major-card .payout-prize-img img,
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
    max-width:190px !important;
    max-height:168px !important;
  }
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
    max-width:230px !important;
    max-height:205px !important;
  }
  .reward-priority .payout-cash-visual{
    width:144px !important;
    height:144px !important;
  }
  .reward-priority .payout-cash-visual::before{
    font-size:64px !important;
  }
  .reward-priority .payout-major-card h3{
    margin:2px 0 0 !important;
    font-size:clamp(24px, 1.7vw, 30px) !important;
    line-height:1.08 !important;
  }
  .reward-priority .payout-major-card.payout-rank-1 h3{
    font-size:clamp(30px, 2.1vw, 38px) !important;
  }
  .reward-priority .payout-major-card .payout-prize-name{
    justify-content:center !important;
    margin:0 !important;
    font-size:15px !important;
  }
  .reward-priority .payout-major-card .payout-stats{
    width:100% !important;
    align-self:stretch !important;
    margin-top:auto !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  .reward-priority .payout-major-card .payout-stats span{
    min-height:60px !important;
  }
}

@media(max-width:980px){
  .reward-priority .payout-major-grid{
    grid-template-columns:minmax(0, min(430px, 92vw)) !important;
    justify-content:center !important;
    gap:18px !important;
  }
  .reward-priority .payout-major-card,
  .reward-priority .payout-major-card.payout-rank-1,
  .reward-priority .payout-major-card.payout-rank-2,
  .reward-priority .payout-major-card.payout-rank-3{
    width:100% !important;
    min-height:430px !important;
    height:auto !important;
    padding:26px 20px 22px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:11px !important;
    text-align:center !important;
  }
  .reward-priority .payout-major-card.payout-rank-1{
    grid-row:1 !important;
    min-height:470px !important;
    transform:none !important;
  }
  .reward-priority .payout-major-card.payout-rank-2{grid-row:2 !important}
  .reward-priority .payout-major-card.payout-rank-3{grid-row:3 !important}
  .reward-priority .payout-major-card .payout-prize-img,
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
    width:100% !important;
    height:160px !important;
    min-height:160px !important;
    margin:2px 0 !important;
    display:grid !important;
    place-items:center !important;
  }
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
    height:190px !important;
    min-height:190px !important;
  }
  .reward-priority .payout-major-card .payout-prize-img img,
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
    max-width:210px !important;
    max-height:180px !important;
  }
  .reward-priority .payout-major-card h3{
    font-size:clamp(23px, 7vw, 30px) !important;
    line-height:1.08 !important;
  }
  .reward-priority .payout-major-card.payout-rank-1 h3{
    font-size:clamp(28px, 8vw, 36px) !important;
  }
  .reward-priority .payout-major-card .payout-stats{
    width:100% !important;
    margin-top:auto !important;
  }
}

/* Mobile conversion pass: sticky CTA, cleaner register flow, less cramped nav. */
@media(max-width:640px){
  body{
    padding-bottom:calc(112px + env(safe-area-inset-bottom)) !important;
  }
  body.is-register-view{
    padding-bottom:calc(34px + env(safe-area-inset-bottom)) !important;
  }
  .mobile-bar{
    display:flex !important;
    align-items:center;
    gap:10px;
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    width:auto;
    padding:8px !important;
    border:1px solid rgba(240,213,143,.2);
    border-radius:24px;
    background:linear-gradient(180deg, rgba(18,15,10,.86), rgba(5,7,11,.96));
    box-shadow:0 20px 70px -36px rgba(0,0,0,.95), 0 0 0 1px rgba(255,255,255,.04) inset;
    backdrop-filter:blur(18px);
    transition:transform .24s ease, opacity .24s ease;
  }
  body.is-register-view .mobile-bar{
    opacity:0;
    pointer-events:none;
    transform:translateY(calc(100% + 18px));
  }
  .mobile-bar .btn{
    display:grid !important;
    place-items:center;
    gap:2px;
    width:auto !important;
    min-height:58px !important;
    padding:10px 12px !important;
    border-radius:18px !important;
    line-height:1.05;
    white-space:normal;
  }
  .mobile-bar .btn:first-child{
    flex:1 1 auto;
    font-size:15px !important;
    box-shadow:0 20px 52px -30px rgba(240,213,143,.9);
  }
  .mobile-bar .btn:not(:first-child){
    flex:0 0 102px;
    font-size:13px !important;
  }
  .mobile-bar small{
    display:block;
    color:rgba(255,255,255,.62);
    font-size:10px;
    font-weight:800;
  }
  .nav .links{
    overflow:visible !important;
    padding-bottom:1px !important;
  }
  .nav .links::-webkit-scrollbar{display:none}
  .hero-copy .actions{
    grid-template-columns:1fr !important;
  }
  .hero-copy .actions .btn{
    min-height:50px !important;
  }
  [data-view="register"] .wrap{
    width:min(100% - 18px, 1180px);
  }
  [data-view="register"] .register-layout{
    gap:12px !important;
  }
  [data-view="register"] .register-copy,
  [data-view="register"] .register-form{
    padding:15px !important;
  }
  [data-view="register"] .form-grid,
  [data-view="register"] .mt5-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  [data-view="register"] .form-actions{
    grid-template-columns:1fr 1fr 1fr !important;
  }
  [data-view="register"] .form-actions .btn-cyan{
    grid-column:1 / -1 !important;
  }
  [data-view="register"] .disclaimer{
    font-size:11.5px;
    line-height:1.5;
  }
}

@media(max-width:420px){
  .mobile-bar{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    gap:8px;
    padding:7px !important;
    border-radius:21px;
  }
  .mobile-bar .btn:first-child{
    font-size:14px !important;
  }
  .mobile-bar .btn:not(:first-child){
    flex-basis:88px;
    font-size:12px !important;
  }
  .mobile-bar small{
    font-size:9.5px;
  }
  [data-view="register"] .form-actions .btn{
    font-size:11.5px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }
}

[data-view="register"] .mt5-grid{grid-template-columns:repeat(2,minmax(0,1fr));}

/* Registration mobile: keep the support control clear of the form. */
@media(max-width:640px){
  body.is-register-view .knc-btn{
    width:48px;
    height:48px;
    bottom:calc(16px + env(safe-area-inset-bottom));
  }
  body.is-register-view .knc-wrap{
    bottom:calc(76px + env(safe-area-inset-bottom));
    max-height:calc(100vh - 96px);
  }
  [data-view="register"] .register-form input,
  [data-view="register"] .register-form select,
  [data-view="register"] .register-form textarea{
    scroll-margin-bottom:96px;
  }
  [data-view="register"] .disclaimer{
    margin-bottom:64px;
  }
}

@media(max-width:640px){
  body.is-register-view .knc-btn{
    width:44px;
    height:44px;
    bottom:calc(8px + env(safe-area-inset-bottom));
  }
  body.is-register-view .knc-wrap{
    bottom:calc(62px + env(safe-area-inset-bottom));
  }
}


/* Risk notice: short, scan-friendly statements. */
.risk-disclaimer strong{
  display:block;
  margin-bottom:8px;
}
.risk-disclaimer ul{
  display:grid;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}
.risk-disclaimer li{
  position:relative;
  padding-left:15px;
}
.risk-disclaimer li::before{
  content:"\2022";
  position:absolute;
  left:0;
  color:var(--champagne);
}

/* prize-luxury-v1 */
.payout-major-card{
  background:
    linear-gradient(165deg, rgba(28,24,18,.98) 0%, rgba(12,14,20,.98) 55%, rgba(8,10,16,.99) 100%),
    radial-gradient(ellipse at 50% -20%, rgba(240,213,143,.22), transparent 55%);
  border:1px solid rgba(232,207,154,.22);
  box-shadow:
    0 28px 60px -36px rgba(0,0,0,.95),
    inset 0 1px 0 rgba(255,255,255,.06);
}
.payout-major-card.payout-rank-1{
  background:
    linear-gradient(165deg, rgba(48,38,18,.99) 0%, rgba(18,16,12,.98) 48%, rgba(10,10,14,.99) 100%),
    radial-gradient(ellipse at 50% -18%, rgba(255,214,102,.38), transparent 58%),
    radial-gradient(circle at 80% 100%, rgba(255,180,40,.12), transparent 40%);
  border-color:rgba(255,214,102,.55);
  box-shadow:
    0 0 0 1px rgba(255,214,102,.18),
    0 34px 80px -32px rgba(255,190,40,.55),
    inset 0 1px 0 rgba(255,240,200,.12);
}
.payout-major-card h3,
.payout-major-card .payout-prize-title{
  margin:0;
  color:#f7ecd0;
  font-size:17px;
  line-height:1.28;
  font-weight:800;
  letter-spacing:.01em;
  text-wrap:balance;
}
.payout-major-card.payout-rank-1 .payout-prize-title{
  font-size:18px;
  color:#fff6d8;
}
.payout-prize-label{
  margin:4px 0 8px;
  color:#c9a84c;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.payout-trader-name{
  margin-top:10px;
  color:#e8d9a8;
  font-size:15px;
  font-weight:800;
  letter-spacing:.02em;
}
.payout-prize-name{
  color:#e8d9a8 !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.01em;
  min-height:auto;
}
.payout-stats span{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(232,207,154,.12);
}
.payout-stats b{
  color:#f0d58f !important;
  font-size:14px;
  font-weight:900;
}
.payout-stats small{
  color:#9a8f72 !important;
  letter-spacing:.12em;
}
.prize-product{
  display:block;
  color:#f3e6c0;
  font-size:15px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.01em;
}
.prize-plus{
  display:inline-block;
  margin:8px 0 4px;
  color:rgba(240,213,143,.55);
  font-size:14px;
  font-weight:700;
}
.prize-cash888{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  margin-top:4px;
  padding:8px 16px 7px;
  border-radius:999px;
  background:
    linear-gradient(135deg, rgba(255,214,102,.28), rgba(255,170,30,.12)),
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.18), transparent 50%);
  border:1px solid rgba(255,214,102,.55);
  box-shadow:
    0 0 24px rgba(255,190,40,.35),
    inset 0 1px 0 rgba(255,255,255,.18);
  color:#fff4c2;
  vertical-align:middle;
}
.prize-cash888 b{
  font-size:28px;
  font-weight:950;
  letter-spacing:.04em;
  line-height:1;
  background:linear-gradient(180deg,#fff8d6 0%,#ffd666 45%,#e8a820 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 8px rgba(255,190,40,.45));
}
.prize-cash888 small{
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  color:#ffe8a8;
  text-transform:uppercase;
}
.payout-major-card.payout-rank-1 .prize-cash888{
  padding:10px 20px 9px;
  box-shadow:
    0 0 32px rgba(255,190,40,.5),
    0 8px 24px -10px rgba(255,160,0,.6),
    inset 0 1px 0 rgba(255,255,255,.22);
}
.payout-major-card.payout-rank-1 .prize-cash888 b{
  font-size:34px;
}
.payout-major-card .payout-rank-badge{
  background:linear-gradient(135deg, rgba(255,214,102,.22), rgba(255,170,30,.08));
  border:1px solid rgba(255,214,102,.4);
  color:#ffe8a8;
  font-weight:900;
  letter-spacing:.08em;
}
.payout-consolation{
  background:linear-gradient(180deg, rgba(22,20,16,.9), rgba(12,12,16,.95));
  border:1px solid rgba(232,207,154,.14);
}
.payout-consolation-head span,
.payout-consolation-head b{
  color:#e8d9a8 !important;
}
.payout-consolation-rank{color:#c9a84c !important;font-weight:900}
.payout-consolation-name{color:#d8cba8 !important}
.payout-consolation-prize{color:#f0d58f !important;font-weight:800}
.payout-consolation-roi{color:#9a8f72 !important}
.payout-week-tab{
  background:linear-gradient(135deg, rgba(40,34,20,.95), rgba(18,16,12,.98));
  border:1px solid rgba(232,207,154,.22);
  color:#e8d9a8;
}
.payout-week-tab b{color:#f0d58f !important}
.payout-week-tab.is-paid b{color:#8ef0bd !important}
.payout-week-tab.is-live b{color:#ffe29b !important}
.payout-empty-week h3{color:#e8d9a8 !important}
.payout-empty-week p{color:#9a8f72 !important}

/* prize-cash-gold for non-top1 numbers */
.prize-cash-gold{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  padding:6px 13px 5px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(255,214,102,.22), rgba(255,170,30,.08));
  border:1px solid rgba(255,214,102,.42);
  box-shadow:0 0 18px rgba(255,190,40,.28), inset 0 1px 0 rgba(255,255,255,.14);
  vertical-align:middle;
}
.prize-cash-gold b{
  font-size:22px;
  font-weight:950;
  letter-spacing:.03em;
  line-height:1;
  background:linear-gradient(180deg,#fff8d6 0%,#ffd666 45%,#e8a820 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 6px rgba(255,190,40,.4));
}
.prize-cash-gold small{
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  color:#ffe8a8;
  text-transform:uppercase;
}
/* consolation prize number gold */
.payout-consolation-prize .prize-cash-gold,
.payout-consolation-prize .prize-cash888{
  padding:4px 11px 3px;
}
.payout-consolation-prize .prize-cash-gold b{font-size:19px}
/* the circle visual (payout-cash-visual) -> gold */
.payout-cash-visual{
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.22), transparent 30%),
    linear-gradient(135deg, rgba(255,214,102,.26), rgba(232,168,32,.14)) !important;
  border:1px solid rgba(255,214,102,.45) !important;
  box-shadow:inset 0 0 24px rgba(0,0,0,.18), 0 18px 36px -30px rgba(255,190,40,.85) !important;
}
.payout-cash-visual b{
  background:linear-gradient(180deg,#fff8d6 0%,#ffd666 45%,#e8a820 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 8px rgba(255,190,40,.5));
}
.payout-cash-visual small{color:#ffe8a8 !important}
/* offer-prize numbers gold */
.offer-prize-name{color:#f3e6c0 !important}
.offer-prize-copy small{color:#f0d58f !important}


/* ===== Prize stage + podium (Top 1/2/3) — refined showcase ===== */
.prize-stage{
  position:relative;
  width:100%;
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  padding:8px 8px 0;
  isolation:isolate;
}
.prize-stage-r1{min-height:210px}
.prize-stage-r2,
.prize-stage-r3{min-height:160px}
.prize-stage-glow{
  position:absolute;
  left:50%;
  bottom:42px;
  width:78%;
  height:72%;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 70%, rgba(255,214,102,.42) 0%, rgba(255,214,102,.12) 38%, transparent 70%),
    radial-gradient(ellipse at 50% 100%, rgba(0,229,255,.16) 0%, transparent 55%);
  filter:blur(2px);
  pointer-events:none;
  z-index:0;
  animation:prizeGlowPulse 3.6s ease-in-out infinite;
}
.prize-stage-r2 .prize-stage-glow{
  background:
    radial-gradient(ellipse at 50% 70%, rgba(210,220,235,.34) 0%, rgba(170,190,220,.1) 40%, transparent 70%);
}
.prize-stage-r3 .prize-stage-glow{
  background:
    radial-gradient(ellipse at 50% 70%, rgba(215,148,96,.36) 0%, rgba(215,148,96,.1) 40%, transparent 70%);
}
@keyframes prizeGlowPulse{
  0%,100%{opacity:.85; transform:translateX(-50%) scale(1)}
  50%{opacity:1; transform:translateX(-50%) scale(1.05)}
}
.prize-stage-product{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:100%;
  margin-bottom:-6px;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.55));
}
.prize-stage-product img{
  display:block !important;
  width:auto !important;
  max-width:92% !important;
  max-height:168px !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:none !important;
  animation:prizeFloat 4.2s ease-in-out infinite;
}
.prize-stage-r1 .prize-stage-product img{
  max-height:196px !important;
}
.prize-stage-r2 .prize-stage-product img,
.prize-stage-r3 .prize-stage-product img{
  max-height:132px !important;
}
@keyframes prizeFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
.prize-stage-product .payout-cash-visual{
  width:92px !important;
  height:92px !important;
  margin-bottom:4px;
}
.prize-stage-r3 .prize-stage-product .payout-cash-visual{
  width:84px !important;
  height:84px !important;
}
.prize-podium{
  position:relative;
  z-index:1;
  width:min(78%, 220px);
  height:46px;
  margin:0 auto 2px;
  perspective:420px;
}
.prize-stage-r1 .prize-podium{width:min(82%, 250px); height:54px}
.prize-stage-r2 .prize-podium,
.prize-stage-r3 .prize-podium{width:min(74%, 190px); height:42px}
.prize-podium-top{
  position:absolute;
  left:6%;
  right:6%;
  top:0;
  height:14px;
  border-radius:10px 10px 4px 4px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,230,160,.35) 40%, rgba(180,140,60,.25) 100%),
    linear-gradient(90deg, #3a2a0a, #c9a24a 20%, #ffe9a8 50%, #c9a24a 80%, #3a2a0a);
  box-shadow:
    0 0 0 1px rgba(255,230,160,.35),
    0 0 22px rgba(255,214,102,.35),
    inset 0 1px 0 rgba(255,255,255,.55);
  transform:rotateX(58deg);
  transform-origin:center bottom;
}
.prize-stage-r2 .prize-podium-top{
  background:
    linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(210,220,235,.3) 45%, rgba(120,140,170,.25) 100%),
    linear-gradient(90deg, #1a2230, #a8b8cc 20%, #eef3f9 50%, #a8b8cc 80%, #1a2230);
  box-shadow:0 0 0 1px rgba(210,220,235,.35), 0 0 18px rgba(180,200,230,.28), inset 0 1px 0 rgba(255,255,255,.5);
}
.prize-stage-r3 .prize-podium-top{
  background:
    linear-gradient(180deg, rgba(255,220,180,.45) 0%, rgba(215,148,96,.3) 45%, rgba(100,55,25,.3) 100%),
    linear-gradient(90deg, #2a1608, #b87a42 20%, #f0c090 50%, #b87a42 80%, #2a1608);
  box-shadow:0 0 0 1px rgba(240,180,110,.3), 0 0 18px rgba(215,148,96,.28), inset 0 1px 0 rgba(255,255,255,.4);
}
.prize-podium-face{
  position:absolute;
  left:10%;
  right:10%;
  top:10px;
  bottom:10px;
  border-radius:0 0 6px 6px;
  background:
    linear-gradient(180deg, rgba(255,230,160,.22), transparent 40%),
    linear-gradient(90deg, #1a1406 0%, #6a5018 18%, #a8842e 50%, #6a5018 82%, #1a1406 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), inset 0 -8px 16px rgba(0,0,0,.35);
}
.prize-stage-r2 .prize-podium-face{
  background:
    linear-gradient(180deg, rgba(220,230,245,.18), transparent 40%),
    linear-gradient(90deg, #121820 0%, #4a5a70 18%, #8a9bb0 50%, #4a5a70 82%, #121820 100%);
}
.prize-stage-r3 .prize-podium-face{
  background:
    linear-gradient(180deg, rgba(240,180,110,.16), transparent 40%),
    linear-gradient(90deg, #1a0e06 0%, #6a3a18 18%, #a86a32 50%, #6a3a18 82%, #1a0e06 100%);
}
.prize-podium-base{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:12px;
  border-radius:40%;
  background:radial-gradient(ellipse at 50% 40%, rgba(255,214,102,.45), rgba(255,214,102,.08) 55%, transparent 72%);
  filter:blur(1px);
}
.prize-stage-r2 .prize-podium-base{
  background:radial-gradient(ellipse at 50% 40%, rgba(180,200,230,.4), rgba(180,200,230,.08) 55%, transparent 72%);
}
.prize-stage-r3 .prize-podium-base{
  background:radial-gradient(ellipse at 50% 40%, rgba(215,148,96,.4), rgba(215,148,96,.08) 55%, transparent 72%);
}
.prize-podium-shine{
  position:absolute;
  left:18%;
  right:18%;
  top:2px;
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);
  opacity:.55;
  pointer-events:none;
}
.reward-priority .payout-major-card .payout-prize-img,
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img,
.reward-priority .payout-major-card.payout-rank-2 .payout-prize-img,
.reward-priority .payout-major-card.payout-rank-3 .payout-prize-img{
  height:auto !important;
  min-height:0 !important;
  margin:4px 0 6px !important;
  overflow:visible !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
}
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
  min-height:210px !important;
}
.reward-priority .payout-major-card.payout-rank-2 .payout-prize-img,
.reward-priority .payout-major-card.payout-rank-3 .payout-prize-img{
  min-height:160px !important;
}
.reward-priority .payout-major-card .payout-prize-img img,
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img,
.reward-priority .payout-major-card.payout-rank-2 .payout-prize-img img,
.reward-priority .payout-major-card.payout-rank-3 .payout-prize-img img{
  max-height:none !important;
  width:auto !important;
  transform:none !important;
}
.reward-priority .payout-major-card.payout-rank-1{
  padding-top:18px !important;
  padding-bottom:14px !important;
}
.reward-priority .prize-stage-product .payout-cash-visual{
  width:88px !important;
  height:88px !important;
}
.reward-priority .prize-stage-product .payout-cash-visual::before{
  font-size:36px !important;
}
@media (max-width:860px){
  .prize-stage-r1{min-height:180px}
  .prize-stage-r2,
  .prize-stage-r3{min-height:140px}
  .prize-stage-r1 .prize-stage-product img{max-height:160px !important}
  .prize-stage-r2 .prize-stage-product img,
  .prize-stage-r3 .prize-stage-product img{max-height:112px !important}
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{min-height:180px !important}
  .reward-priority .payout-major-card.payout-rank-2 .payout-prize-img,
  .reward-priority .payout-major-card.payout-rank-3 .payout-prize-img{min-height:140px !important}
  .prize-stage-r1 .prize-podium{height:48px}
}


/* ===== Prize cards reflow (v113) — BIG product image, tight text ===== */
.reward-priority .payout-major-grid,
.tier-payout-layout .payout-major-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:16px !important;
  max-width:1180px !important;
  margin:0 auto !important;
}
.reward-priority .payout-major-card,
.reward-priority .payout-major-card.payout-rank-1,
.reward-priority .payout-major-card.payout-rank-2,
.reward-priority .payout-major-card.payout-rank-3,
.tier-payout-layout .payout-major-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  min-height:0 !important;
  height:auto !important;
  padding:14px 14px 14px !important;
  overflow:visible !important;
  text-align:center !important;
}
.reward-priority .payout-major-card.payout-rank-1{
  transform:none !important;
  margin-top:0 !important;
  padding:16px 16px 14px !important;
}
/* reset old absolute/order mess */
.reward-priority .payout-major-card .payout-rank-badge,
.reward-priority .payout-major-card .payout-prize-img,
.reward-priority .payout-major-card .payout-prize-label,
.reward-priority .payout-major-card h3,
.reward-priority .payout-major-card .payout-prize-title,
.reward-priority .payout-major-card .payout-prize-name,
.reward-priority .payout-major-card .payout-stats{
  order:unset !important;
  position:relative !important;
  left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
  transform:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* badge — nhỏ gọn */
.reward-priority .payout-major-card .payout-rank-badge{
  flex:0 0 auto !important;
  margin:0 auto !important;
  min-height:28px !important;
  min-width:0 !important;
  padding:4px 12px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  z-index:3 !important;
}

/* IMAGE ZONE — to, chiếm phần lớn card */
.reward-priority .payout-major-card .payout-prize-img,
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img,
.reward-priority .payout-major-card.payout-rank-2 .payout-prize-img,
.reward-priority .payout-major-card.payout-rank-3 .payout-prize-img{
  flex:0 0 auto !important;
  width:100% !important;
  height:240px !important;
  min-height:240px !important;
  max-height:none !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  overflow:visible !important;
}
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
  height:300px !important;
  min-height:300px !important;
}
.reward-priority .prize-stage,
.reward-priority .prize-stage-r1,
.reward-priority .prize-stage-r2,
.reward-priority .prize-stage-r3{
  width:100% !important;
  min-height:0 !important;
  height:100% !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:0 !important;
}
.reward-priority .prize-stage-glow{
  bottom:36px !important;
  width:78% !important;
  height:62% !important;
  opacity:.85 !important;
  animation:none !important;
}
.reward-priority .prize-stage-product{
  width:100% !important;
  margin:0 0 -4px !important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.5)) !important;
}
/* ẢNH TO — đây là trọng tâm */
.reward-priority .prize-stage-product img,
.reward-priority .payout-major-card .payout-prize-img img,
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img,
.reward-priority .payout-major-card.payout-rank-2 .payout-prize-img img,
.reward-priority .payout-major-card.payout-rank-3 .payout-prize-img img{
  display:block !important;
  max-height:200px !important;
  max-width:92% !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:none !important;
  animation:none !important;
}
.reward-priority .payout-major-card.payout-rank-1 .prize-stage-product img,
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
  max-height:260px !important;
  max-width:96% !important;
}

/* bục nhỏ, không tranh chỗ với ảnh */
.reward-priority .prize-podium,
.reward-priority .prize-stage-r1 .prize-podium,
.reward-priority .prize-stage-r2 .prize-podium,
.reward-priority .prize-stage-r3 .prize-podium{
  width:min(70%, 170px) !important;
  height:28px !important;
  margin:0 auto !important;
  flex:0 0 28px !important;
}
.reward-priority .prize-stage-r1 .prize-podium{
  width:min(76%, 200px) !important;
  height:32px !important;
  flex-basis:32px !important;
}
.reward-priority .prize-podium-top{height:9px !important}
.reward-priority .prize-podium-face{top:7px !important; bottom:7px !important}
.reward-priority .prize-podium-base{height:7px !important}

/* chữ — gọn, đúng tỷ lệ, không chiếm chỗ ảnh */
.reward-priority .payout-prize-label{
  flex:0 0 auto !important;
  margin:4px 0 0 !important;
  font-size:11px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  opacity:.75 !important;
  line-height:1.2 !important;
}
.reward-priority .payout-major-card h3,
.reward-priority .payout-major-card .payout-prize-title,
.reward-priority .payout-major-card.payout-rank-1 h3{
  flex:0 0 auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 2px !important;
  font-size:clamp(13px, 1.25vw, 17px) !important;
  line-height:1.25 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px 5px !important;
  font-weight:700 !important;
}
/* badge 888 USD trong title — vừa phải, không khổng lồ */
.reward-priority .payout-major-card .prize-cash888,
.reward-priority .payout-major-card .prize-cash-gold{
  font-size:14px !important;
  padding:3px 10px !important;
  line-height:1.2 !important;
}
.reward-priority .payout-major-card.payout-rank-1 .prize-cash888,
.reward-priority .payout-major-card.payout-rank-1 .prize-cash-gold{
  font-size:16px !important;
  padding:4px 12px !important;
}
.reward-priority .payout-major-card .prize-product{
  font-size:inherit !important;
}
.reward-priority .payout-major-card .prize-plus{
  font-size:13px !important;
  opacity:.7 !important;
}
.reward-priority .payout-major-card .payout-stats{
  flex:0 0 auto !important;
  width:100% !important;
  margin-top:6px !important;
  padding-top:8px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:6px !important;
}
.reward-priority .payout-major-card .payout-stats span{
  min-width:0 !important;
  padding:6px 4px !important;
}
.reward-priority .payout-major-card .payout-stats b{
  font-size:12px !important;
  line-height:1.2 !important;
}
.reward-priority .payout-major-card .payout-stats small{
  font-size:9px !important;
}

@media (max-width:900px){
  .reward-priority .payout-major-grid,
  .tier-payout-layout .payout-major-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .reward-priority .payout-major-card .payout-prize-img,
  .reward-priority .payout-major-card.payout-rank-2 .payout-prize-img,
  .reward-priority .payout-major-card.payout-rank-3 .payout-prize-img{
    height:220px !important;
    min-height:220px !important;
  }
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{
    height:280px !important;
    min-height:280px !important;
  }
  .reward-priority .prize-stage-product img,
  .reward-priority .payout-major-card .payout-prize-img img{
    max-height:180px !important;
  }
  .reward-priority .payout-major-card.payout-rank-1 .prize-stage-product img,
  .reward-priority .payout-major-card.payout-rank-1 .payout-prize-img img{
    max-height:240px !important;
  }
  .reward-priority .payout-major-card h3,
  .reward-priority .payout-major-card .payout-prize-title{
    font-size:15px !important;
  }
}

/* v113b — force cash badge text proportional under big product image */
.reward-priority .prize-cash888,
.reward-priority .payout-major-card .prize-cash888,
.reward-priority .payout-major-card.payout-rank-1 .prize-cash888{
  margin-top:2px !important;
  padding:4px 12px 3px !important;
  gap:4px !important;
  box-shadow:0 0 12px rgba(255,190,40,.28), inset 0 1px 0 rgba(255,255,255,.15) !important;
}
.reward-priority .prize-cash888 b,
.reward-priority .payout-major-card .prize-cash888 b,
.reward-priority .payout-major-card.payout-rank-1 .prize-cash888 b{
  font-size:18px !important;
  letter-spacing:.03em !important;
  filter:drop-shadow(0 1px 4px rgba(255,190,40,.4)) !important;
}
.reward-priority .prize-cash888 small,
.reward-priority .payout-major-card .prize-cash888 small{
  font-size:10px !important;
  letter-spacing:.1em !important;
}
.reward-priority .prize-cash-gold,
.reward-priority .payout-major-card .prize-cash-gold{
  padding:3px 10px !important;
}
.reward-priority .prize-cash-gold b,
.reward-priority .payout-major-card .prize-cash-gold b{
  font-size:16px !important;
}
.reward-priority .prize-product{
  font-size:14px !important;
  line-height:1.25 !important;
}
.reward-priority .prize-plus{
  margin:0 2px !important;
  font-size:12px !important;
}


/* ===== 7 cam palette + Top1 orange premium (v160) ===== */
:root{
  --cam-1:#FFF3E6; /* kem cam nhạt */
  --cam-2:#FFD4A8; /* peach */
  --cam-3:#FFB366; /* cam sáng */
  --cam-4:#FF8A2B; /* cam chủ */
  --cam-5:#E86A12; /* cam đậm */
  --cam-6:#C24A0A; /* cam cháy */
  --cam-7:#7A2A06; /* cam nâu sâu */
}
.reward-priority .payout-major-card.payout-rank-1{
  border:1px solid rgba(255,138,43,.42) !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,179,102,.18), transparent 55%),
    linear-gradient(165deg, rgba(122,42,6,.55) 0%, rgba(12,14,22,.96) 42%, rgba(8,10,16,.98) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,211,166,.12) inset,
    0 18px 48px -20px rgba(232,106,18,.55),
    0 0 40px -12px rgba(255,138,43,.35) !important;
}
.reward-priority .payout-major-card.payout-rank-1 .payout-rank-badge{
  background:linear-gradient(135deg, var(--cam-3), var(--cam-5)) !important;
  border:1px solid rgba(255,211,166,.55) !important;
  color:#2a1206 !important;
  font-weight:900 !important;
  box-shadow:0 0 18px rgba(255,138,43,.45), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.reward-priority .payout-major-card.payout-rank-1 .prize-stage-glow{
  background:
    radial-gradient(ellipse at 50% 70%, rgba(255,179,102,.55) 0%, rgba(232,106,18,.18) 42%, transparent 72%),
    radial-gradient(ellipse at 50% 100%, rgba(255,138,43,.22) 0%, transparent 55%) !important;
  opacity:1 !important;
}
.reward-priority .payout-major-card.payout-rank-1 .prize-podium-top{
  background:
    linear-gradient(180deg, rgba(255,243,230,.7) 0%, rgba(255,179,102,.4) 40%, rgba(194,74,10,.3) 100%),
    linear-gradient(90deg, var(--cam-7), var(--cam-4) 22%, var(--cam-2) 50%, var(--cam-4) 78%, var(--cam-7)) !important;
  box-shadow:0 0 0 1px rgba(255,211,166,.45), 0 0 24px rgba(255,138,43,.4), inset 0 1px 0 rgba(255,255,255,.6) !important;
}
.reward-priority .payout-major-card.payout-rank-1 .prize-podium-face{
  background:
    linear-gradient(180deg, rgba(255,179,102,.28), transparent 45%),
    linear-gradient(90deg, #2a1206 0%, var(--cam-6) 18%, var(--cam-4) 50%, var(--cam-6) 82%, #2a1206 100%) !important;
}
.reward-priority .payout-major-card.payout-rank-1 .prize-podium-base{
  background:radial-gradient(ellipse at 50% 40%, rgba(255,138,43,.55), rgba(255,138,43,.1) 55%, transparent 72%) !important;
}
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-label{
  color:var(--cam-3) !important;
  opacity:1 !important;
}
.reward-priority .payout-major-card.payout-rank-1 .prize-product{
  color:var(--cam-1) !important;
}
.reward-priority .payout-major-card.payout-rank-1 .prize-cash888,
.reward-priority .payout-major-card.payout-rank-1 .prize-cash-gold{
  background:
    linear-gradient(135deg, rgba(255,179,102,.35), rgba(232,106,18,.16)),
    radial-gradient(circle at 30% 20%, rgba(255,243,230,.22), transparent 50%) !important;
  border:1px solid rgba(255,179,102,.6) !important;
  box-shadow:0 0 18px rgba(255,138,43,.4), inset 0 1px 0 rgba(255,255,255,.2) !important;
  color:var(--cam-1) !important;
}
.reward-priority .payout-major-card.payout-rank-1 .prize-cash888 b,
.reward-priority .payout-major-card.payout-rank-1 .prize-cash-gold b{
  background:linear-gradient(180deg, var(--cam-1) 0%, var(--cam-3) 45%, var(--cam-5) 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  filter:drop-shadow(0 1px 6px rgba(255,138,43,.5)) !important;
}
.reward-priority .payout-major-card.payout-rank-1 .payout-stats span{
  border-color:rgba(255,138,43,.22) !important;
  background:rgba(255,138,43,.06) !important;
}
.reward-priority .payout-major-card.payout-rank-1 .payout-stats b{
  color:var(--cam-2) !important;
}

/* TOP 1: ảnh iPhone (kệ+bóng) lên trên, ô Thứ hạng/Top Profit xuống ĐÁY như TOP 2/3 (2026-07-17) */
.reward-priority .payout-major-card.payout-rank-1 .payout-rank-badge{order:0 !important}
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-img{order:1 !important}
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-label{order:2 !important}
.reward-priority .payout-major-card.payout-rank-1 .payout-prize-title{order:3 !important}
.reward-priority .payout-major-card.payout-rank-1 .payout-stats{order:4 !important;margin-top:auto !important}

/* ===== Hero fan (theo mau React hero-10: 3 anh xeo) ===== */
.hero-hl{color:var(--cyan);text-shadow:0 0 22px rgba(0,229,255,.4)}
.hero-social{margin-top:14px;font-size:16px;font-weight:600;color:var(--fg);letter-spacing:.02em}
.hero-social b{color:var(--txt)}
.btn-outline{background:transparent;border:1px solid var(--line-strong);color:var(--txt);padding:12px 22px;border-radius:12px;font-weight:700;cursor:pointer;transition:.18s}
.btn-outline:hover{background:var(--panel2);border-color:var(--cyan)}
.hero-fan{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;margin:20px auto 0;max-width:560px;width:100%}
.hero-fan-card{position:relative;flex:0 0 auto;overflow:hidden;border-radius:16px;box-shadow:var(--shadow);outline:1px solid rgba(255,255,255,.1);background:#0b1220;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.hero-fan-card img{width:100%;height:82%;object-fit:contain;display:block;filter:drop-shadow(0 12px 30px rgba(0,0,0,.45))}
.fan-cap{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:12px;font-weight:900;letter-spacing:.04em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.85);padding:0 6px}
.fan-cap-top{font-size:13px;color:#ffd479;text-shadow:0 0 14px rgba(255,212,121,.6),0 2px 10px rgba(0,0,0,.85)}
.fan-l{width:30%;aspect-ratio:4/5;margin-right:-18px;margin-top:30px;z-index:10;border:2.5px solid rgba(0,188,105,.6);background:linear-gradient(160deg,rgba(0,188,105,.24),rgba(11,18,32,.92))}
.fan-c{width:44%;aspect-ratio:3/4;z-index:20;border:2.5px solid rgba(255,205,90,1);background:radial-gradient(ellipse 80% 80% at 50% 40%,rgba(255,212,121,.28),rgba(11,18,32,.9));box-shadow:0 0 34px rgba(255,212,121,.45),var(--shadow)}
.fan-r{width:30%;aspect-ratio:4/5;margin-left:-18px;margin-top:30px;z-index:10;border:2.5px solid rgba(46,146,224,.6);background:linear-gradient(160deg,rgba(46,146,224,.24),rgba(11,18,32,.92))}
.hero-fan-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 18px 40px rgba(0,0,0,.5),0 0 30px rgba(0,229,255,.3);border-color:#fff}
.fan-c:hover{box-shadow:0 0 46px rgba(255,212,121,.7),0 18px 40px rgba(0,0,0,.5)}
.hero-free-hint{margin-top:8px;font-size:13px;color:var(--dim);text-align:center}
.hero-info-box{display:flex;gap:12px;margin-top:16px}
.hero-info-item{flex:1;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;text-align:left}
.hero-info-item b{display:block;font-size:18px;font-weight:800;color:#ffd479;margin-bottom:2px}
.hero-info-item small{display:block;font-size:11px;color:var(--dim)}
.hero-countdown-bar{grid-column:1/-1;display:flex;gap:16px;align-items:stretch;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.hero-countdown-bar .cd-wrap{flex:1}
.hero-countdown-info{display:flex;gap:12px;flex:0 0 auto}
.hero-countdown-info .hero-info-item{min-width:120px}

/* 3 badge metric ở đầu hero */
.hero-badges{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.hero-badge{flex:1;min-width:100px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;text-align:center}
.hero-badge b{display:block;font-size:16px;font-weight:800;color:var(--fg);margin-bottom:2px}
.hero-badge small{display:block;font-size:11px;color:var(--dim);line-height:1.3}

@media(max-width:640px){
  .hero-badges{gap:6px;margin-bottom:14px}
  .hero-badge{min-width:0;padding:8px 6px}
  .hero-badge b{font-size:13px}
  .hero-badge small{font-size:10px}
  .hero-fan{max-width:320px;margin-top:16px;gap:0}
  .fan-l,.fan-r{width:28%}
  .fan-c{width:42%}
  .fan-l{margin-right:-12px}
  .fan-r{margin-left:-12px}
  .fan-cap{font-size:9px}
  .fan-cap-top{font-size:10px}
  .hero-free-hint{font-size:12px}
}

/* 2026-07-21: PT-HOME dùng #reward-showcase làm podium giải thưởng — phải hiện */

.hero-fan-caption{display:none}

/* ===== Mobile tinh chỉnh hero (nút nhỏ gọn, thu gọn) ===== */
@media(max-width:640px){
  .hero .actions{justify-content:center;gap:10px;margin-top:18px}
  .hero .actions .btn{padding:10px 18px;font-size:13.5px;border-radius:11px;flex:1 1 auto;max-width:46%}
  .hero-logo-title{font-size:clamp(26px,8vw,40px)!important}
  .hero-social{font-size:13px;padding:0 8px}
  .hero-fan-caption{font-size:18px;padding:0 12px}
  .hero-est{font-size:11px;letter-spacing:.08em}
  .hero-copy{gap:10px}
  .config-actions{flex-direction:column;gap:10px}
  .config-actions .btn{width:100%}
}

/* ===== Whitepaper — sang trọng, chuyên nghiệp ===== */
.wp-toc{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:22px 26px;margin-bottom:40px;backdrop-filter:blur(6px)}
.wp-toc b{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}
.wp-toc ol{margin:0;padding-left:20px;display:grid;grid-template-columns:1fr 1fr;gap:6px 28px}
.wp-toc a{color:var(--dim);text-decoration:none;font-size:14px;transition:.18s}
.wp-toc a:hover{color:var(--cyan)}
.wp-doc{max-width:820px;margin:0 auto}
.wp-sec{margin-bottom:38px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.07)}
.wp-sec:last-child{border-bottom:none}
.wp-sec h3{font-family:var(--font-display);font-size:clamp(20px,3vw,26px);font-weight:800;margin:0 0 14px;padding-left:14px;border-left:3px solid #ffd479;line-height:1.3;background:linear-gradient(92deg, #ffe9a8 0%, #ffd479 45%, #f0a500 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.wp-sec p{color:var(--dim);line-height:1.75;font-size:15.5px;margin:0 0 12px}
.wp-sec b{color:var(--fg);font-weight:700}
.wp-list,.wp-rules{color:var(--dim);line-height:1.7;font-size:15px;padding-left:22px;margin:0 0 12px}
.wp-list li,.wp-rules li{margin-bottom:8px}
.wp-list li::marker,.wp-rules li::marker{color:var(--cyan);font-size:.92em;font-weight:400}
.wp-toc ol li::marker{font-size:.92em;font-weight:400}
.wp-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0}
.wp-card{background:linear-gradient(160deg,rgba(0,229,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px 22px}
.wp-card b{display:block;color:var(--fg);font-size:16px;margin-bottom:8px}
.wp-card p{font-size:14px;margin:0 0 8px}
.wp-note{font-size:13px;color:var(--cyan);background:rgba(0,229,255,.07);border-left:3px solid var(--cyan);padding:8px 12px;border-radius:0 8px 8px 0;margin-top:10px!important}
.wp-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
@media(max-width:640px){.wp-toc ol{grid-template-columns:1fr}.wp-cards{grid-template-columns:1fr}.wp-cta .btn{width:100%}}

/* ===== Whitepaper Minh hoạ scroll-gallery ===== */
/* Hero trophy backdrop — glowing gold cup behind title */
.hero-cup-bg{
  position:absolute;
  top:46%;
  left:50%;
  width:min(420px,72vw);
  height:min(420px,72vw);
  transform:translate(-50%,-50%);
  background:url('/assets/cup.svg') center/contain no-repeat;
  opacity:.26;
  filter:drop-shadow(0 0 60px rgba(245,197,66,.55)) drop-shadow(0 0 120px rgba(245,197,66,.25));
  z-index:1;
  pointer-events:none;
  animation:cupFloat 6s ease-in-out infinite;
}
@keyframes cupFloat{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-52%) scale(1.04)}}
@media (max-width:680px){.hero-cup-bg{width:min(300px,80vw);height:min(300px,80vw);opacity:.2}}
/* Inline broker logos inside portal buttons */
.btn-logo{width:18px;height:18px;object-fit:cover;border-radius:5px;vertical-align:middle;margin-right:7px}
.portal-btn{display:inline-flex;align-items:center;justify-content:center}
/* Fix register form layout issues */
.register-form label > span{display:block;margin-bottom:2px}
.form-grid{gap:14px 16px}
.register-copy{justify-content:flex-start}
.register-copy .register-steps{margin-bottom:6px}
.register-copy .register-actions{margin-top:auto}
.mt5-add-btn{
  margin-top:12px;
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 14px;border-radius:12px;
  border:1px dashed rgba(240,213,143,.4);
  background:rgba(240,213,143,.06);color:#f6e4ad;
  font:inherit;font-weight:800;font-size:13px;cursor:pointer;
}
.mt5-add-btn:hover{background:rgba(240,213,143,.12)}
.mt5-add-hint{
  margin:8px 0 0;color:rgba(246,242,231,.55);font-size:12px;line-height:1.45;
}
.mt5-accounts{display:grid;gap:10px}
/* MT5 dynamic rows */
.mt5-empty-hint{color:rgba(246,242,231,.5);font-size:12.5px;line-height:1.45;margin:0}
.mt5-row{display:grid;grid-template-columns:1.1fr 1fr 1.15fr 38px;gap:10px;align-items:center}
@media (max-width:720px){
  .mt5-row{grid-template-columns:1fr 38px;grid-auto-rows:auto}
  .mt5-row input[name="mt5_account"]{grid-column:1 / 2}
  .mt5-row input[name="mt5_server"]{grid-column:1 / 2}
  .mt5-row input[name="investor_password"]{grid-column:1 / 2}
  .mt5-row .mt5-del-btn{grid-column:2;grid-row:1 / span 3;align-self:stretch;height:auto}
}
.mt5-row input{width:100%;border:1px solid rgba(232,207,154,.13);border-radius:12px;background:rgba(4,4,5,.66);color:#fff;font:inherit;padding:11px 12px;outline:none}
.mt5-row input:focus{border-color:rgba(240,213,143,.5);box-shadow:0 0 0 3px rgba(240,213,143,.1)}
.mt5-del-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,120,120,.3);background:rgba(255,90,90,.08);color:#ff9b9b;font-size:18px;line-height:1;cursor:pointer}
.mt5-del-btn:hover{background:rgba(255,90,90,.18)}

/* Form broker quick-open row under submit */
.form-broker-links{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:10px;
  margin-top:12px;
}
.form-broker-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 12px !important;
  font-weight:800;
  white-space:nowrap;
}
.form-broker-btn .btn-logo{
  width:19px !important;
  height:19px !important;
  border-radius:5px;
  margin-right:0 !important;
}
[data-view="register"] .form-broker-links{
  margin-top:14px;
}

.mt5-server-wrap{display:grid;gap:8px;min-width:0}
.mt5-row select[name="mt5_server"],
.mt5-row .mt5-server-custom{
  width:100%;
  border:1px solid rgba(232,207,154,.13);
  border-radius:12px;
  background:rgba(4,4,5,.66);
  color:#fff;
  font:inherit;
  padding:11px 12px;
  outline:none;
}
.mt5-row select[name="mt5_server"]:focus,
.mt5-row .mt5-server-custom:focus{
  border-color:rgba(240,213,143,.5);
  box-shadow:0 0 0 3px rgba(240,213,143,.1);
}
.mt5-row select[name="mt5_server"] option{color:#111}

/* Highlight brand + broker names in register steps */
.register-steps small .hl-brand{
  color:#ffd479;
  font-weight:800;
}
.register-steps small .hl-broker{
  color:#5ed4ff;
  font-weight:800;
}
.objective-table-head .th-main{display:block;color:#fff;font-size:clamp(24px,2.35vw,32px);font-weight:900;line-height:1.08}
.objective-table-head .th-sub{display:block;margin-top:4px;color:rgba(246,242,231,.55);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.lb-ftmo-broker{display:inline-block;margin-top:3px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800;background:rgba(0,229,255,.12);border:1px solid rgba(0,229,255,.3);color:#5ed4ff;letter-spacing:.04em}
.lb-broker-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;background:rgba(0,229,255,.12);border:1px solid rgba(0,229,255,.3);color:#5ed4ff;white-space:nowrap}

@media(max-width:420px){
  .form-broker-links{grid-template-columns:1fr !important}
  .register-copy,.register-form{padding:14px !important;border-radius:14px !important}
  .register-copy h2{font-size:24px !important}
  .register-steps div{grid-template-columns:36px 1fr !important;padding:8px !important}
  .register-steps b{width:30px !important;height:30px !important;font-size:12px !important}
  .mt5-add-btn{width:100%;justify-content:center}
  .agree{font-size:11.5px !important}
}

/* === KN HERO REDESIGN FINAL 2026-07-20 === */
.hero{padding:48px 0 28px!important;background:radial-gradient(circle at 68% 38%,rgba(255,212,121,.20),transparent 34%),radial-gradient(circle at 18% 20%,rgba(0,229,255,.12),transparent 32%),#030711!important;overflow:hidden}
.hero-shell{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,520px)!important;gap:36px!important;align-items:center!important;min-height:0!important}
.hero-copy,.hero.hero-scroll-fx .hero-copy{max-width:none!important;margin:0!important;text-align:left!important}
.hero-badges{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}
.hero-badge{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;text-align:center;box-shadow:0 16px 40px rgba(0,0,0,.24)}
.hero-badge b{display:block;font-size:15px;font-weight:900;color:#fff;margin-bottom:2px}.hero-badge small{display:block;font-size:11px;color:var(--dim);line-height:1.25}.hero-est{color:#ffd479!important;letter-spacing:.18em!important;margin-bottom:12px!important}
.hero h1.hero-logo-title{max-width:100%!important;font-size:clamp(40px,5.4vw,72px)!important;line-height:1.04!important;margin:0!important;letter-spacing:-.02em!important}.hero-logo-title .hero-brand-line{display:block!important;white-space:nowrap!important}.hero-logo-title .hero-challenge{display:block!important;margin-top:.18em!important;font-size:.52em!important;line-height:1.15!important;max-width:100%!important;overflow-wrap:break-word!important}.hero-logo-title .hero-hl{display:inline!important}.hero-signature{max-width:620px!important;margin:18px 0 0!important;font-size:clamp(17px,1.6vw,22px)!important;line-height:1.55!important}.hero .actions{justify-content:flex-start!important;margin-top:24px!important}.hero .actions .btn-cyan{background:linear-gradient(135deg,#ffe08a,#ffb82e)!important;color:#170f00!important;border:0!important;box-shadow:0 18px 44px rgba(255,184,46,.30)!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.hero-fan{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:16px!important;max-width:620px!important;width:100%!important;margin:0 auto!important;min-height:330px!important}.hero-fan-card{position:relative!important;overflow:visible!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 22px 60px rgba(0,0,0,.55)!important;outline:1px solid rgba(255,255,255,.13)!important;transition:transform .22s ease,box-shadow .22s ease!important}.hero-fan-card img{border-radius:18px!important}.hero-fan-card img{width:100%!important;height:82%!important;object-fit:contain!important;filter:drop-shadow(0 16px 34px rgba(0,0,0,.5))!important}.fan-l,.fan-r{width:33.333%!important;aspect-ratio:3/4!important;z-index:1!important;margin:0!important}.fan-c{width:33.333%!important;aspect-ratio:3/4!important;z-index:2!important;margin:0!important}.fan-l{border:2px solid #cdd3da!important;background:linear-gradient(160deg,rgba(205,211,218,.26),rgba(9,22,20,.95))!important;box-shadow:0 0 30px rgba(205,211,218,.3),0 24px 64px rgba(0,0,0,.55)!important}.fan-c{border:2px solid rgba(255,212,121,.95)!important;background:radial-gradient(circle at 50% 38%,rgba(255,212,121,.34),rgba(11,18,32,.94))!important;box-shadow:0 0 44px rgba(255,212,121,.42),0 24px 64px rgba(0,0,0,.55)!important}.fan-r{border:2px solid #cd7f32!important;background:linear-gradient(160deg,rgba(205,127,50,.26),rgba(8,19,35,.95))!important;box-shadow:0 0 30px rgba(205,127,50,.3),0 24px 64px rgba(0,0,0,.55)!important}.fan-cap{position:absolute!important;left:8px!important;right:8px!important;bottom:9px!important;text-align:center!important;font-size:12px!important;font-weight:950!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.9)!important}.fan-cap-top{font-size:13px!important;color:#ffd479!important}.hero-fan-caption{display:none!important}
.hero-countdown-bar{grid-column:1/-1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:16px!important;margin-top:26px!important;padding:18px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.018))!important;box-shadow:0 18px 54px rgba(0,0,0,.28)!important}.hero-countdown-bar .cd-wrap{flex:0 0 auto!important;width:100%!important;max-width:520px!important;margin:0 auto!important;text-align:center!important}.hero-countdown-info{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;width:100%!important;max-width:720px!important}@media(max-width:640px){.hero-countdown-info{grid-template-columns:repeat(2,1fr)!important}}.hero-info-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:3px!important;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015))!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:12px!important;padding:12px 8px!important}.hero-info-item b{display:block;color:#fff!important;font-size:16px;font-weight:950}.hero-info-item small{display:block;color:#9fb0c2;font-size:11px}
@media(max-width:1100px){.hero-shell{grid-template-columns:1fr!important}.hero-copy{text-align:center!important}.hero-badges{max-width:620px;margin-left:auto;margin-right:auto}.hero .actions{justify-content:center!important}.hero-signature{margin-left:auto!important;margin-right:auto!important}.hero-fan{margin-top:10px!important}.hero-countdown-bar{flex-direction:column!important}}
@media(max-width:640px){.hero{padding-top:24px!important}.hero-badges{grid-template-columns:1fr 1fr 1fr!important;gap:6px!important}.hero-badge{padding:8px 6px!important;border-radius:11px!important}.hero-badge b{font-size:12px!important}.hero-badge small{font-size:9.5px!important}.hero h1.hero-logo-title{font-size:clamp(30px,9vw,42px)!important;line-height:1.08!important}.hero-logo-title .hero-brand-line{white-space:normal!important}.hero-logo-title .hero-challenge{font-size:.55em!important}.hero-fan{max-width:360px!important;min-height:230px!important;gap:10px!important}.fan-l,.fan-r{width:33.333%!important;margin:0!important}.fan-c{width:33.333%!important;margin:0!important}.fan-cap{font-size:9px!important}.fan-cap-top{font-size:10px!important}.hero-countdown-info{grid-template-columns:repeat(2,1fr)!important;flex-direction:row!important}.hero-info-item{min-width:0;flex:initial}.hero-countdown-bar{padding:10px!important}}

/* === KN HERO MOBILE COUNTDOWN FIT 2026-07-20 === */
@media(max-width:640px){
  .hero-countdown-info{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;min-width:0!important;gap:8px!important}
  .hero-countdown-info .hero-info-item{min-width:0!important;width:auto!important;box-sizing:border-box!important;padding:9px 10px!important}
  .hero-info-item b{font-size:15px!important}
  .hero-info-item small{font-size:10px!important;line-height:1.25!important}
}

/* === KN HERO MOBILE COUNTDOWN CLEAN 2026-07-20 === */
@media(max-width:640px){
  .hero-countdown-bar{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  .hero-countdown-info{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:8px!important;overflow:hidden!important}
  .hero-countdown-info .hero-info-item{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;padding:8px 8px!important}
  .hero-countdown-info .hero-info-item b,
  .hero-countdown-info .hero-info-item small{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .hero-countdown-info .hero-info-item b{font-size:14px!important}
  .hero-countdown-info .hero-info-item small{font-size:9.5px!important;line-height:1.2!important}
}

/* === KN HERO TEXT WIDTH FIX 2026-07-20 === */
.hero h1.hero-logo-title,
.hero-copy .hero-logo-title{
  inline-size:100%!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.hero-logo-title .hero-brand-line,
.hero-logo-title .hero-challenge,
.hero-logo-title .hero-hl{
  inline-size:auto!important;
  width:auto!important;
  max-width:100%!important;
}
.hero-copy .hero-signature,
.hero-signature{
  inline-size:100%!important;
  width:100%!important;
  max-width:620px!important;
  min-width:0!important;
}
@media(max-width:640px){
  .hero-copy .hero-signature,
  .hero-signature{max-width:100%!important}
}

/* === KN HERO COPY FLOW FIX 2026-07-20 === */
.hero-copy,
.hero.hero-scroll-fx .hero-copy{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-areas:none!important;
  row-gap:0!important;
  column-gap:0!important;
}
.hero-copy .hero-badges,
.hero-copy .hero-est,
.hero-copy .hero-logo-title,
.hero-copy .hero-signature,
.hero-copy .actions,
.hero-copy .hero-social{
  grid-area:auto!important;
}
.hero-copy .hero-logo-title,
.hero-copy .hero-signature{
  width:100%!important;
  inline-size:100%!important;
}

/* === KN HERO TITLE GAP FIX 2026-07-20 === */
.hero-copy .hero-logo-title{margin-bottom:18px!important}
.hero-copy .hero-signature{margin-top:0!important}
@media(max-width:640px){.hero-copy .hero-logo-title{margin-bottom:12px!important}}

/* === KN HERO BADGES BELOW COUNTDOWN 2026-07-20 === */
.hero-badges{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:20px 0 0!important;max-width:none!important}
@media(max-width:640px){.hero-badges{gap:6px!important;margin-top:14px!important}.hero-badge{padding:8px 6px!important}.hero-badge b{font-size:12px!important}.hero-badge small{font-size:9.5px!important}}

/* === KN HERO VERTICAL LAYOUT 2026-07-20 === */
.hero-shell{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  gap:24px!important;
  align-items:stretch!important;
  text-align:center!important;
  max-width:900px!important;
}
.hero-copy,.hero.hero-scroll-fx .hero-copy{
  display:block!important;
  text-align:center!important;
  max-width:none!important;
  margin:0 auto!important;
  width:100%!important;
}
.hero-copy .hero-logo-title,
.hero-copy .hero-signature,
.hero-copy .hero-est,
.hero-copy .actions{
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-copy .actions{
  justify-content:center!important;
}
.hero-fan{
  margin:0 auto!important;
  max-width:520px!important;
}
.hero-countdown-bar{
  grid-column:auto!important;
  max-width:900px!important;
  margin:0 auto!important;
  width:100%!important;
}
.hero-badges{
  max-width:900px!important;
  margin:0 auto!important;
  width:100%!important;
}
@media(max-width:640px){
  .hero-shell{gap:18px!important}
  .hero-fan{max-width:340px!important}
}

/* === KN HERO TITLE CENTER BIG 2026-07-20 === */
.hero-copy{
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.hero-copy .hero-est{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero h1.hero-logo-title,
.hero-copy .hero-logo-title{
  text-align:center!important;
  inline-size:100%!important;
  width:100%!important;
  max-width:100%!important;
  font-size:clamp(48px,8vw,96px)!important;
  line-height:1.06!important;
  margin:0 auto 14px!important;
  letter-spacing:-.02em!important;
}
.hero-logo-title .hero-brand-line{
  display:block!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.hero-logo-title .hero-challenge{
  display:block!important;
  text-align:center!important;
  font-size:.42em!important;
  line-height:1.18!important;
  margin-top:.2em!important;
}
.hero-copy .hero-signature{
  text-align:center!important;
  inline-size:100%!important;
  width:100%!important;
  max-width:680px!important;
  margin:0 auto!important;
  font-size:clamp(20px,2vw,26px)!important;
  line-height:1.5!important;
}
.hero-copy .actions{
  justify-content:center!important;
  margin-top:20px!important;
}
@media(max-width:640px){
  .hero h1.hero-logo-title,
  .hero-copy .hero-logo-title{
    font-size:clamp(32px,11vw,48px)!important;
    line-height:1.08!important;
  }
  .hero-logo-title .hero-brand-line{
    white-space:normal!important;
  }
  .hero-logo-title .hero-challenge{
    font-size:.5em!important;
  }
  .hero-copy .hero-signature{
    font-size:clamp(16px,4.5vw,20px)!important;
    max-width:100%!important;
  }
}

/* === KN HERO TITLE OVERRIDE FINAL 2026-07-20 === */
.hero .hero-copy .hero-logo-title,
.hero h1.hero-logo-title,
.hero-copy h1.hero-logo-title{
  inline-size:100%!important;
  width:100%!important;
  max-width:100%!important;
  font-size:clamp(48px,8vw,96px)!important;
  line-height:1.06!important;
  text-align:center!important;
  margin:0 auto 14px!important;
}
.hero .hero-copy .hero-signature,
.hero-copy .hero-signature,
.hero-signature{
  inline-size:100%!important;
  width:100%!important;
  max-width:680px!important;
  font-size:clamp(20px,2vw,26px)!important;
  line-height:1.5!important;
  text-align:center!important;
  margin:0 auto!important;
}
@media(max-width:640px){
  .hero .hero-copy .hero-logo-title,
  .hero h1.hero-logo-title{
    font-size:clamp(32px,11vw,48px)!important;
  }
  .hero .hero-copy .hero-signature,
  .hero-signature{
    font-size:clamp(16px,4.5vw,20px)!important;
    max-width:100%!important;
  }
}

/* === KN HERO MOBILE BTN CENTER 2026-07-20 === */
@media(max-width:640px){
  .hero .actions,
  .hero-copy .actions{
    display:flex!important;
    justify-content:center!important;
    width:100%!important;
  }
  .hero .actions .btn,
  .hero-copy .actions .btn{
    width:auto!important;
    min-width:240px!important;
    max-width:90%!important;
    margin:0 auto!important;
  }
}

/* ===/* === KN HERO FAN CENTER BIG 2026-07-20 === */
.hero-fan{align-items:flex-end!important;min-height:400px!important;gap:14px!important;max-width:640px!important;margin-top:70px!important}
.hero-fan-card{border-radius:18px!important}
.fan-l,.fan-r{width:28%!important;aspect-ratio:3/4.2!important;margin:0!important}
.fan-c{width:38%!important;aspect-ratio:3/4.6!important;margin:0!important}
@media(max-width:640px){
  .hero-fan{min-height:250px!important;gap:7px!important;max-width:100%!important;margin-top:46px!important}
  .fan-l,.fan-r{width:29%!important;aspect-ratio:3/4.2!important}
  .fan-c{width:38%!important;aspect-ratio:3/4.6!important}
}

/* === KN HERO MEDAL IMG 2026-07-20 === */
.hero-fan-card .fan-medal{
  position:absolute!important;z-index:6;
  top:-66px!important;left:50%!important;transform:translateX(-50%)!important;
  width:60px!important;height:60px!important;object-fit:contain!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.6));
  pointer-events:none;
}
.hero-fan-card.fan-c .fan-medal{
  width:80px!important;height:80px!important;top:-88px!important;
}
@media(max-width:640px){
  .hero-fan-card .fan-medal{width:46px!important;height:46px!important;top:-52px!important}
  .hero-fan-card.fan-c .fan-medal{width:60px!important;height:60px!important;top:-66px!important}
}/* === KN REGISTER BROKER ROW 2026-07-20 === */
.register-broker-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:16px 0 4px!important}
.register-broker-row .reg-broker-btn{flex:1 1 calc(50% - 10px)!important;justify-content:center!important;min-width:150px;padding:11px 12px!important}
@media(max-width:640px){
  .register-broker-row{gap:8px!important}
  .register-broker-row .reg-broker-btn{flex:1 1 100%!important}
}

/* === KN HERO TOP10 LIVELY 2026-07-20 === */
.hero-top10{width:100%!important;max-width:640px!important;margin:30px auto 0!important;text-align:center!important}
.top10-head{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px;margin-bottom:16px}
.top10-title{font-size:13px!important;font-weight:900!important;letter-spacing:.28em!important;color:#ffd479!important;
  padding:6px 16px;border:1px solid rgba(255,212,121,.3)!important;border-radius:99px!important;background:rgba(255,212,121,.06)!important}
.top10-sub{font-size:12.5px!important;color:#9fb0c2!important;letter-spacing:.02em}
.top10-grid{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}
.top10-lead{
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px;
  width:min(320px,80%)!important;padding:18px 16px!important;overflow:hidden!important;
  background:radial-gradient(120% 120% at 50% 0%,rgba(255,212,121,.2),rgba(255,255,255,.02) 70%)!important;
  border:1.5px solid rgba(255,212,121,.55)!important;border-radius:16px!important;
  box-shadow:0 12px 30px rgba(255,212,121,.2);
}
.top10-lead .medal-wrap.gold{color:#e8a317}
.top10-lead .rname{font-size:24px!important;font-weight:900!important;letter-spacing:.02em;
  background:linear-gradient(180deg,#fff,#ffd479);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.top10-lead .rmoney{font-size:13px!important;font-weight:800!important;color:#ffd479!important}
.medal-wrap{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center;width:40px!important;height:44px!important}
.medal-wrap .rmedal{width:40px!important;height:44px!important;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}
.medal-wrap.gold{color:#e8a317}
.medal-wrap.silver{color:#9aa6b4}
.medal-wrap.bronze{color:#a9651f}
.medal-wrap b{position:absolute!important;top:42%!important;left:50%!important;transform:translate(-50%,-50%)!important;
  font-size:15px!important;font-weight:900!important;color:#1a1206!important;font-family:Arial,Helvetica,sans-serif;line-height:1}
.medal-wrap.gold b,.medal-wrap.silver b{color:#1a1206}
.top10-rest{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;max-width:520px!important}
.top10-col{display:flex!important;flex-direction:column!important;gap:10px!important}
.top10-cell{
  position:relative!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px;
  padding:11px 14px!important;border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.top10-cell .rname{font-size:17px!important;font-weight:900!important;color:#fff!important;letter-spacing:.02em}
.top10-silver .top10-cell{background:linear-gradient(160deg,rgba(205,211,218,.1),rgba(255,255,255,.02))!important;border-color:rgba(205,211,218,.25)!important}
.top10-bronze .top10-cell{background:linear-gradient(160deg,rgba(205,127,50,.1),rgba(255,255,255,.02))!important;border-color:rgba(205,127,50,.28)!important}
.top10-silver .top10-cell .rname{color:#e6eaf0}
.top10-bronze .top10-cell .rname{color:#f0d9c0}
.top10-cell::after{content:""!important;position:absolute!important;top:0;left:-60%;width:40%!important;height:100%!important;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent)!important;transform:skewX(-20deg);transition:left .5s ease}
.top10-cell:hover{transform:translateY(-4px) scale(1.02)!important;border-color:#ffd479!important;
  background:rgba(255,212,121,.1)!important;box-shadow:0 10px 24px rgba(255,212,121,.18)}
.top10-cell:hover::after{left:120%!important}
.top10-note{
  margin:20px auto 0!important;max-width:560px!important;text-align:center!important;
  padding:15px 18px!important;font-size:13.5px!important;line-height:1.6!important;color:#d7dee8!important;
  background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015))!important;
  border:1px solid rgba(255,212,121,.35)!important;border-left:3px solid #ffd479!important;border-radius:12px!important;
}
.top10-note .top10-note-hl{display:inline-block;margin-right:4px;font-weight:900;font-size:14.5px;letter-spacing:.03em;
  background:linear-gradient(180deg,#ffe9a8,#ffce4d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.top10-note b{color:#ffd479;font-weight:800}
@media(max-width:640px){
  .hero-top10{max-width:100%!important;margin-top:22px!important}
  .top10-title{font-size:11px!important;letter-spacing:.2em}
  .top10-sub{font-size:11px!important}
  .top10-lead{width:88%!important;padding:15px 12px!important}
  .top10-lead .rname{font-size:20px!important}
  .top10-rest{gap:8px!important;max-width:100%!important}
  .top10-col{gap:7px!important}
  .top10-cell{padding:9px 10px!important;gap:8px}
  .medal-wrap{width:34px!important;height:38px!important}
  .medal-wrap .rmedal{width:34px!important;height:38px!important}
  .medal-wrap b{font-size:13px!important}
  .top10-cell .rname{font-size:14px!important}
  .top10-note{font-size:12px!important;padding:13px 14px!important}
  .top10-note .top10-note-hl{font-size:13px!important}
}

/* === KN HERO LIVELY (framer-style) 2026-07-20 === */
.hero{position:relative!important;overflow:hidden!important}
.hero-orbs{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none;overflow:hidden}
.hero-orbs .orb{position:absolute!important;border-radius:50%!important;filter:blur(46px);opacity:.5;animation:orbFloat 7s ease-in-out infinite}
.hero-orbs .orb-1{width:220px;height:220px;background:radial-gradient(circle,#ffd479,transparent 70%);top:6%;left:8%;animation-delay:0s}
.hero-orbs .orb-2{width:180px;height:180px;background:radial-gradient(circle,#3aa0ff,transparent 70%);top:18%;right:10%;animation-delay:1.2s}
.hero-orbs .orb-3{width:160px;height:160px;background:radial-gradient(circle,#ff7ac0,transparent 70%);bottom:12%;left:16%;animation-delay:2.4s}
.hero-orbs .orb-4{width:140px;height:140px;background:radial-gradient(circle,#5ee0c0,transparent 70%);bottom:8%;right:18%;animation-delay:3.1s}
@keyframes orbFloat{0%,100%{transform:translateY(0) translateX(0) scale(1)}50%{transform:translateY(-22px) translateX(10px) scale(1.08)}}
.hero-shell{position:relative!important;z-index:1!important}
/* entrance stagger */
@keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.hero-copy,.hero-fan,.hero-top10,.hero-countdown-bar,.hero-badges{animation:heroIn .6s ease both}
.hero-copy{animation-delay:.05s}
.hero-fan{animation-delay:.22s}
.hero-top10{animation-delay:.38s}
.hero-countdown-bar{animation-delay:.52s}
.hero-badges{animation-delay:.62s}
/* floaty medals + top4 */
.top10-lead{animation:medalFloat 4s ease-in-out infinite}
@keyframes medalFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.top10-cell{animation:hoverLift .4s ease}
@media (prefers-reduced-motion: reduce){
  .hero-orbs,.top10-lead{animation:none!important}
  .hero-copy,.hero-fan,.hero-top10,.hero-countdown-bar,.hero-badges{animation:none!important}
}

/* === KN TOP STRIP (exness-style) 2026-07-20 === */
.top-strip{display:block!important;width:100%;background:#070b14!important;border-bottom:1px solid rgba(255,255,255,.06);font-family:inherit}
.top-strip .wrap{max-width:1200px;margin:0 auto;padding:0 22px}
.top-strip-inner{display:flex!important;align-items:center;justify-content:space-between;gap:18px;height:46px!important;font-size:14px!important;line-height:1;color:#9aa4b4!important}
.top-strip-brand{display:flex;align-items:center;gap:8px;font-size:14px;color:#b6bdc9}
.top-strip-brand b{color:#ffd479;font-weight:800;letter-spacing:.02em}
.top-strip-status{display:flex;align-items:center;gap:8px;font-size:14px;color:#cfd6e2}
.top-strip-status .dot{width:9px;height:9px;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px rgba(61,220,132,.8);animation:pulseDot 1.6s ease-in-out infinite}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
.top-strip-link{margin-left:auto;color:#9aa4b4;text-decoration:none;font-size:14px;transition:color .15s}
.top-strip-link:hover{color:#fff}
@media(max-width:640px){
  .top-strip-inner{height:38px!important;font-size:12px;gap:10px}
  .top-strip-brand{font-size:12px}
  .top-strip-status{font-size:12px}
}

/* === KN BTN EMOJI 2026-07-20 === */
.btn-emoji{display:inline-block;font-size:16px;line-height:1;margin-right:6px;vertical-align:-1px}

/* === KN TOP STRIP TIME PILL 2026-07-20 === */
.top-strip-time{display:inline-flex!important;align-items:center;gap:5px;padding:5px 11px!important;border-radius:99px!important;
  font-size:13px!important;font-weight:800!important;color:#ffd479!important;
  background:rgba(255,212,121,.1)!important;border:1px solid rgba(255,212,121,.32)!important;white-space:nowrap}
@media(max-width:640px){
  .top-strip-time{font-size:11px!important;padding:4px 8px!important}
}

/* === KN NAV SUB (mobile, under brand) 2026-07-20 === */
.nav-sub{display:none!important}
@media(max-width:880px){
  .top-strip{display:none!important}
  .nav-sub{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;line-height:1.2;color:#aeb6c2;width:100%}
  .nav-sub-dot{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px rgba(61,220,132,.8);animation:pulseDot 1.6s ease-in-out infinite}
  .nav-sub-status{color:#cfd6e2}
  .nav-sub-time{color:#ffd479;font-weight:800}
}

/* === KN PORTAL PRIMARY ROW 2026-07-20 === */
.portal-primary{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center;align-items:center;gap:14px;margin:0 auto 16px;max-width:620px}
.portal-primary .portal-btn{flex:1 1 0;min-width:0;justify-content:center}
.portal-grid.tele-box-actions{display:grid!important;grid-template-columns:repeat(4,1fr);gap:12px;max-width:720px;margin:0 auto;align-items:stretch}
.portal-grid.tele-box-actions .portal-btn{justify-content:center;align-items:center;height:44px}
@media(max-width:640px){
  .portal-grid.tele-box-actions{grid-template-columns:repeat(2,1fr)}
  .portal-primary .portal-btn{flex:1 1 100%;max-width:none}
}

/* === KN MT5 ACCOUNT ROW 2026-07-20 === */
.mt5-account-row{display:flex!important;align-items:flex-end!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:12px!important;padding:12px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important}
.mt5-account-row .mt5-field-broker{flex:0 0 140px!important;min-width:130px!important}
.mt5-account-row .mt5-field-login{flex:1 1 180px!important;min-width:160px!important}
.mt5-account-row .mt5-field-server{flex:1 1 200px!important;min-width:180px!important}
.mt5-account-row .mt5-field-pass{flex:1 1 200px!important;min-width:180px!important}
.mt5-account-row select,.mt5-account-row input{width:100%!important;padding:10px 12px!important;font-size:14px!important;background:rgba(10,14,20,.8)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;color:#fff!important;outline:none}
.mt5-account-row select:focus,.mt5-account-row input:focus{border-color:#3ad1ff!important;box-shadow:0 0 0 3px rgba(58,209,255,.15)!important}
@media(max-width:640px){
  .mt5-account-row{flex-direction:column!important;align-items:stretch!important}
  .mt5-account-row .mt5-field-broker,.mt5-account-row .mt5-field-login,.mt5-account-row .mt5-field-server,.mt5-account-row .mt5-field-pass{flex:none!important;width:100%!important;min-width:0!important}
}

/* === KN LEADERBOARD ENHANCED 2026-07-20 === */
.lb-profit-usd{font-size:18px!important;font-weight:700!important;color:#ffd479!important;line-height:1.2}
/* (11/08) nhan cho o dem ngay lai — truoc day o nay tran, khong ai biet la gi */
.lb-progress-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:2px;vertical-align:middle}
.lb-progress-nhan{font-size:10px;letter-spacing:.3px;text-transform:uppercase;color:rgba(233,235,238,.55);white-space:nowrap;font-weight:600}
.lb-progress-wrap .lb-progress-check{margin-left:0}
.lb-progress-hang{display:inline-flex;align-items:center;gap:4px}
.lb-progress-days{display:inline-block;background:rgba(255,255,255,.08)!important;border-radius:6px;padding:2px 8px;font-size:13px!important;font-weight:600}
.lb-progress-check{font-size:16px!important;margin-left:6px}
.lb-ftmo-progress-days.is-complete .lb-progress-days{color:#22c55e}
.lb-ftmo-stats span small{color:#888!important;font-size:11px!important}
.lb-ftmo-stats{break-inside:avoid}

/* ============================================================
   PT-HOME — Landing "Prestige Trade" (2026-07-21)
   Bố cục theo stitch_kn_invest_trading_challenge_landing_page
   Scope: chỉ dùng class tiền tố .pt- (không đụng style cũ)
   ============================================================ */
.pt-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.pt-wrap-narrow{max-width:1000px}
.pt-sec{padding:56px 0}
.pt-center{text-align:center;margin-top:30px}
.pt-glass{background:rgba(18,33,49,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(212,175,55,.22);border-radius:14px}
.pt-gold-text{background:linear-gradient(135deg,#ffe088 0%,#d4af37 50%,#b4941f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f2ca50}
.pt-gold{color:#f2ca50}
.pt-green{color:#10b981}
.pt-h2{font-family:"Montserrat",var(--font-display)!important;font-size:clamp(22px,3.4vw,32px);font-weight:800;letter-spacing:.02em;color:#eef5ff;text-transform:uppercase;margin:0;text-align:center}
.pt-h2-bar{width:96px;height:3px;margin:14px auto 30px;background:linear-gradient(90deg,#ffe088,#d4af37);border-radius:99px}
.pt-num{font-family:"JetBrains Mono","Consolas",monospace}
.pt-up{color:#10b981}.pt-down{color:#ef4444}.pt-dd{color:#fbbf24}

/* Hero */
.pt-hero{position:relative;padding:72px 0 52px;text-align:center;background:radial-gradient(circle at 50% 16%,rgba(212,175,55,.10) 0%,transparent 62%)}
.pt-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;border:1px solid rgba(242,202,80,.38);background:rgba(18,33,49,.7);color:#f2ca50;font-family:"Montserrat",var(--font-display);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}
.pt-title{font-family:"Montserrat",var(--font-display)!important;font-weight:800;font-size:clamp(32px,5.6vw,58px);line-height:1.08;margin:0 0 14px;letter-spacing:-.01em}
/* Hero title "ĐẤU TRƯỜNG TRADING" — phóng to + gradient VÀNG→BẠC trái→phải */
.pt-title-arena{font-size:clamp(40px,7.4vw,82px)!important;font-weight:900!important;letter-spacing:.005em;line-height:1.04;margin:6px 0 16px}
.pt-metal{
  background:linear-gradient(90deg,
    #f6d165 0%, #ecc255 18%, #e8b84b 32%,
    #d8cba4 50%,
    #c6cbd2 68%, #d8dce2 84%, #f3f5f8 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  filter:drop-shadow(0 2px 10px rgba(232,184,75,.18)) drop-shadow(0 1px 18px rgba(216,220,226,.12));
}
.pt-hero-sub{color:#c8d5e8;font-size:clamp(14px,2vw,19px);max-width:760px;margin:0 auto 32px;line-height:1.6}
.pt-cd-label{font-family:"Montserrat",var(--font-display);font-size:13px;font-weight:800;letter-spacing:.18em;color:#9fb3c8;text-transform:uppercase;margin-bottom:14px}
.pt-countdown{display:flex;justify-content:center;align-items:stretch;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.pt-cd-box{min-width:86px;padding:14px 10px;text-align:center}
.pt-cd-num{font-family:"JetBrains Mono","Consolas",monospace;font-size:clamp(28px,4.4vw,40px);font-weight:700;color:#f2ca50;text-shadow:0 0 24px rgba(212,175,55,.35);line-height:1}
.pt-cd-unit{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9fb3c8}
.pt-cd-sep{font-size:30px;color:rgba(242,202,80,.35);align-self:center;font-family:"JetBrains Mono",monospace}
.pt-cd-end{font-family:"JetBrains Mono","Consolas",monospace;color:#9fb3c8;font-size:13px;margin-bottom:30px}
.pt-hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:26px;padding-top:22px;border-top:1px solid rgba(242,202,80,.18)}
.pt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;border-radius:10px;border:0;cursor:pointer;font-family:"Montserrat",var(--font-display);font-size:15px;font-weight:800;letter-spacing:.04em;transition:transform .15s,box-shadow .2s,filter .2s}
.pt-btn:active{transform:scale(.96)}
.pt-btn-gold{background:linear-gradient(135deg,#ffe088,#d4af37);color:#241a00;box-shadow:0 0 26px rgba(212,175,55,.28)}
.pt-btn-gold:hover{filter:brightness(1.08);box-shadow:0 0 36px rgba(212,175,55,.4)}
.pt-btn-ghost{background:rgba(18,33,49,.72);border:1px solid rgba(242,202,80,.4);color:#f2ca50}
.pt-btn-ghost:hover{background:rgba(242,202,80,.08)}
.pt-btn-xl{padding:19px 44px;font-size:17px}
.pt-hero-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pt-chip{padding:7px 14px;border-radius:999px;background:rgba(18,33,49,.6);border:1px solid rgba(255,255,255,.1);color:#c8d5e8;font-size:12.5px;font-weight:600}

/* Prize podium */
.pt-podium{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:22px;align-items:end;margin:8px 0 22px}
.pt-prize-card{padding:26px 20px 22px;text-align:center;position:relative;transition:border-color .25s,box-shadow .25s}
.pt-prize-card:hover{border-color:rgba(242,202,80,.5)}
.pt-prize-top1{border-color:rgba(242,202,80,.6);box-shadow:0 0 34px rgba(212,175,55,.18);background:linear-gradient(180deg,rgba(28,43,60,.92),rgba(5,7,10,.94));padding-top:34px}
.pt-champ-chip{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ffe088,#d4af37);color:#241a00;font-family:"Montserrat",var(--font-display);font-weight:800;font-size:12px;letter-spacing:.12em;padding:5px 18px;border-radius:999px;white-space:nowrap}
.pt-prize-medal{height:52px;width:auto;margin-bottom:10px}
.pt-prize-crown{height:58px}
.pt-prize-rank{font-family:"Montserrat",var(--font-display);font-size:22px;font-weight:800;letter-spacing:.06em;color:#eef5ff;margin-bottom:4px}
.pt-prize-top1 .pt-prize-rank{font-size:28px}
.pt-prize-val{font-family:"JetBrains Mono","Consolas",monospace;color:#f2ca50;font-size:15px;font-weight:700;margin-bottom:14px;line-height:1.45}
.pt-prize-top1 .pt-prize-val{font-size:17px}
.pt-prize-img{max-height:110px;width:auto;max-width:88%;margin:0 auto 14px;display:block}
.pt-prize-img-top1{max-height:170px}
.pt-prize-perks{list-style:none;margin:0 0 14px;padding:0;color:#c8d5e8;font-size:13.5px;line-height:1.8}
.pt-prize-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.pt-prize-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ffe088,#d4af37);animation:ptPulse 1.8s ease-in-out infinite}
.pt-bar-silver i{background:linear-gradient(90deg,#e2e8f0,#94a3b8)}
.pt-bar-bronze i{background:linear-gradient(90deg,#fbbf77,#c2703d)}
@keyframes ptPulse{0%,100%{opacity:1}50%{opacity:.5}}
.pt-lower{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pt-lower-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px}
.pt-lower-green{border-color:rgba(16,185,129,.38)}
.pt-lower-title{display:block;font-family:"Montserrat",var(--font-display);font-size:16px;font-weight:800;color:#eef5ff;margin-bottom:4px}
.pt-lower-txt p{margin:0;color:#9fb3c8;font-size:13.5px;line-height:1.5}
.pt-lower-val{font-family:"JetBrains Mono","Consolas",monospace;color:#f2ca50;font-size:20px;font-weight:700;white-space:nowrap}
.pt-lower-check{color:#10b981;font-size:24px;font-weight:800}

/* BXH */
.pt-bxh-panel{padding:10px 18px 16px;overflow-x:auto}
.pt-bxh-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.pt-bxh-table th{font-family:"Montserrat",var(--font-display);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9fb3c8;text-align:left;padding:12px 10px;border-bottom:1px solid rgba(212,175,55,.25)}
.pt-bxh-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.06);color:#dbe7f3;vertical-align:middle}
.pt-bxh-table tr:last-child td{border-bottom:0}
.pt-bxh-name{font-weight:700}
.pt-rankchip{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;font-family:"JetBrains Mono",monospace;font-weight:700;font-size:13px;background:rgba(255,255,255,.08);color:#c8d5e8}
.pt-rank-1{background:rgba(242,202,80,.2);color:#ffe088;border:1px solid rgba(242,202,80,.5)}
.pt-rank-2{background:rgba(226,232,240,.14);color:#e2e8f0;border:1px solid rgba(226,232,240,.35)}
.pt-rank-3{background:rgba(194,112,61,.18);color:#fbbf77;border:1px solid rgba(194,112,61,.45)}
.pt-bxh-empty{text-align:center;color:#9fb3c8;padding:26px 10px!important}
.pt-bxh-note{margin-top:10px;text-align:right;color:#9fb3c8;font-size:12.5px}
.pt-bxh-note a{color:#f2ca50;font-weight:700}

/* Điều kiện */
.pt-cond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pt-cond-card{padding:24px 22px;text-align:center}
.pt-cond-ic{width:56px;height:56px;margin:0 auto 14px;display:grid;place-items:center;font-size:26px;border-radius:14px;background:rgba(242,202,80,.1);border:1px solid rgba(242,202,80,.3)}
.pt-cond-card>b{display:block;font-family:"Montserrat",var(--font-display);font-size:16px;font-weight:800;color:#eef5ff;margin-bottom:8px}
.pt-cond-card p{margin:0;color:#9fb3c8;font-size:13.5px;line-height:1.6}
.pt-brokers{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.pt-broker-item{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(212,212,212,.14);color:#e9ebee;font-size:13px;font-weight:800}
.pt-broker-item img{width:22px;height:22px;object-fit:cover;border-radius:6px}

/* Luật chơi */
.pt-fair-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pt-fair-card{display:flex;gap:15px;align-items:center;padding:18px 20px;border-radius:18px}
.pt-fair-ic{flex:0 0 46px;height:46px;display:grid;place-items:center;font-size:22px;border-radius:14px;background:rgba(242,202,80,.1);border:1px solid rgba(242,202,80,.3)}
.pt-fair-txt > b{display:block;font-family:"Montserrat",var(--font-display);font-size:15.5px;font-weight:800;color:#eef5ff;margin-bottom:5px}
.pt-fair-txt p{margin:0;color:#9fb3c8;font-size:13px;line-height:1.62}
.pt-fair-txt p b{display:inline;font-family:inherit;font-size:inherit;font-weight:800;color:#f5dd9a;margin:0}

/* Quy trình */
.pt-steps-row{position:relative;display:flex;justify-content:space-between;gap:14px;margin:16px 0 8px}
.pt-steps-line{position:absolute;top:36px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,rgba(242,202,80,.45),rgba(242,202,80,.12));z-index:0}
.pt-step{position:relative;z-index:1;flex:1;text-align:center;padding:0 6px}
.pt-step-dot{width:72px;height:72px;margin:0 auto 14px;display:grid;place-items:center;font-size:28px;border-radius:999px;border:2px solid rgba(242,202,80,.55);box-shadow:0 0 22px rgba(212,175,55,.2);transition:transform .2s}
.pt-step:hover .pt-step-dot{transform:scale(1.08)}
.pt-step b{display:block;font-family:"Montserrat",var(--font-display);font-size:14.5px;font-weight:800;color:#eef5ff;margin-bottom:5px}
.pt-step p{margin:0;color:#9fb3c8;font-size:12.5px;line-height:1.5}
.pt-portal{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
.pt-portal-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:10px;color:#dbe7f3;font-size:13.5px;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s}
.pt-portal-btn:hover{border-color:rgba(242,202,80,.5);background:rgba(242,202,80,.07)}
.pt-portal-btn img{width:18px;height:18px;object-fit:cover;border-radius:5px}

/* FAQ + risk */
.pt-faq .faq{margin-bottom:10px}
.pt-risk{border-top:1px solid rgba(212,175,55,.18);background:rgba(5,7,10,.6);padding:18px 0;margin-top:20px;color:#8fa3b8;font-size:11.5px;letter-spacing:.04em;line-height:1.7;text-align:center;text-transform:uppercase}
.pt-risk b{color:#fbbf24}

/* Responsive */
@media(max-width:900px){
  .pt-podium{grid-template-columns:1fr;align-items:stretch}
  .pt-prize-top1{order:-1}
  .pt-lower{grid-template-columns:1fr}
  .pt-cond-grid{grid-template-columns:1fr}
  .pt-fair-grid{grid-template-columns:1fr}
  .pt-steps-row{flex-direction:column;gap:26px}
  .pt-steps-line{display:none}
  .pt-cd-box{min-width:72px;padding:12px 8px}
  .pt-hero{padding-top:48px}
}

/* ============================================================
   PT-HOME — re-scope BXH sang #home-board (2026-07-21)
   (style gốc scope [data-view="leaderboard"] đã chết khi bảng
    chuyển vào home — khôi phục đúng giao diện chip/control)
   ============================================================ */
#home-board .leaderboard-control-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;margin:10px auto 6px}
#home-board .leaderboard-control-row .chips{margin:0;max-width:none}
#home-board .chip{border-radius:4px;padding:14px 16px;background:transparent;border-color:transparent;color:#aeb5c2;font-size:13px}
#home-board .chip.on{color:#1a8cff;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.88);box-shadow:none}

/* ============================================================
   PT-HOME — MOBILE COMPACT (≤640px): thu nhỏ card/ô toàn trang
   ============================================================ */
@media(max-width:640px){
  .pt-sec{padding:30px 0}
  .pt-wrap{padding:0 14px}
  .pt-h2{font-size:19px}
  .pt-h2-bar{margin:12px auto 20px}
  .pt-center{margin-top:20px}

  /* Hero */
  .pt-hero{padding:34px 0 30px}
  .pt-badge{font-size:10.5px;padding:6px 12px;margin-bottom:14px}
  .pt-title{font-size:29px;margin-bottom:10px}
  .pt-title-arena{font-size:clamp(34px,10.5vw,46px)!important;margin-bottom:12px}
  .pt-hero-sub{font-size:13.5px;margin-bottom:20px}
  .pt-cd-label{font-size:11px;letter-spacing:.14em;margin-bottom:10px}
  .pt-countdown{gap:7px;margin-bottom:8px;flex-wrap:nowrap}
  .pt-cd-sep{display:none}
  .pt-cd-box{min-width:0;flex:1;max-width:80px;padding:10px 4px}
  .pt-cd-num{font-size:24px}
  .pt-cd-unit{font-size:9.5px;margin-top:4px;letter-spacing:.08em}
  .pt-cd-end{font-size:11.5px;margin-bottom:18px}
  .pt-hero-cta{gap:9px;margin-bottom:16px;padding-top:16px}
  .pt-hero-cta .pt-btn{width:100%;padding:13px 16px;font-size:13.5px}
  .pt-chip{font-size:10.5px;padding:5px 9px}
  .pt-hero-chips{gap:6px}

  /* Podium giải thưởng */
  .pt-podium{gap:12px;margin-bottom:14px}
  .pt-prize-card{padding:16px 14px 14px}
  .pt-prize-top1{padding-top:24px}
  .pt-champ-chip{font-size:10.5px;padding:4px 14px;top:-11px}
  .pt-prize-medal{height:38px;margin-bottom:6px}
  .pt-prize-crown{height:42px}
  .pt-prize-rank{font-size:17px}
  .pt-prize-top1 .pt-prize-rank{font-size:21px}
  .pt-prize-val{font-size:13px;margin-bottom:10px}
  .pt-prize-top1 .pt-prize-val{font-size:14px}
  .pt-prize-img{max-height:74px;margin-bottom:10px}
  .pt-prize-img-top1{max-height:112px}
  .pt-prize-perks{font-size:11.5px;line-height:1.65;margin-bottom:10px}
  .pt-lower{gap:10px}
  .pt-lower-card{padding:12px 14px}
  .pt-lower-title{font-size:13.5px}
  .pt-lower-txt p{font-size:11.5px}
  .pt-lower-val{font-size:16px}
  .pt-lower-check{font-size:19px}

  /* BXH tích hợp */
  .pt-bxh-note{font-size:11px;text-align:center}
  #home-board .leaderboard-panel{padding:12px 10px}
  #home-board .chips{max-width:100%}
  #home-board .chip{padding:9px 11px;font-size:12px}
  #home-board .lb-ftmo-card{min-height:0;padding:12px 11px}
  #home-board .lb-rank-search input{font-size:13px}

  /* Điều kiện + luật chơi */
  .pt-cond-grid{gap:10px}
  .pt-cond-card{padding:15px 14px}
  .pt-cond-ic{width:42px;height:42px;font-size:19px;margin-bottom:9px;border-radius:11px}
  .pt-cond-card>b{font-size:14px;margin-bottom:5px}
  .pt-cond-card p{font-size:12px}
  .pt-brokers{gap:7px;margin-top:10px}
  .pt-broker-item{padding:6px 10px;font-size:11.5px;gap:6px}
  .pt-broker-item img{width:18px;height:18px}
  .pt-fair-grid{gap:10px}
  .pt-fair-card{padding:13px 14px;gap:11px}
  .pt-fair-ic{flex-basis:36px;height:36px;font-size:17px;border-radius:9px}
  .pt-fair-txt > b{font-size:13.5px;margin-bottom:3px}
  .pt-fair-txt p{font-size:12px}

  /* Quy trình + portal */
  .pt-steps-row{gap:14px}
  .pt-step-dot{width:52px;height:52px;font-size:21px;margin-bottom:8px}
  .pt-step b{font-size:13px;margin-bottom:3px}
  .pt-step p{font-size:11.5px}
  .pt-btn-xl{padding:14px 24px;font-size:14.5px}
  .pt-portal{gap:7px;margin-top:18px}
  .pt-portal-btn{padding:8px 11px;font-size:11.5px;gap:6px}
  .pt-portal-btn img{width:15px;height:15px}

  /* FAQ + cảnh báo rủi ro */
  .pt-faq .faq{margin-bottom:8px}
  .pt-risk{font-size:9.5px;padding:12px 0;margin-top:10px}
}

/* ============================================================
   PT-HOME — MOBILE nén sâu card BXH trong #home-board (≤640px)
   ============================================================ */
@media(max-width:640px){
  #home-board .lb-ftmo-card{min-height:0;padding:10px 11px}
  #home-board .lb-ftmo-card-top{margin-bottom:8px}
  #home-board .lb-ftmo-stats{gap:8px;margin-bottom:8px}
  #home-board .lb-ftmo-stats b{margin-top:3px;font-size:12px}
  #home-board .lb-ftmo-rank{min-width:30px;min-height:30px;font-size:14px}
  #home-board .lb-ftmo-trader{gap:8px}
  #home-board .lb-ftmo-trader strong{font-size:13px}
  #home-board .lb-ftmo-trader small{margin-top:2px;font-size:10px}
  #home-board .lb-ftmo-top-label{margin-bottom:3px;font-size:11px}
  #home-board .lb-ftmo-trophy{width:24px;height:24px;flex-basis:24px}
  #home-board .lb-ftmo-prize{margin-top:6px;font-size:12px}
  #home-board .lb-progress-days{padding:1px 6px;font-size:11.5px!important}
  #home-board .lb-ftmo-table th,
  #home-board .lb-ftmo-table td{padding:9px 8px;font-size:12px}
  #home-board .leaderboard-titlebar{gap:8px}
  #home-board #ph-title{font-size:15px}
  #home-board #lb-count{font-size:11px}
  #home-board .lb-rank-search input{padding:9px 10px}
  #home-board .lb-rank-search .btn{padding:9px 14px;font-size:12.5px}
}

/* ============================================================
   NAV NGANG DESKTOP (2026-07-21) — thay sidebar trái kiểu Exness
   Scope ≥881px (mobile ≤880px vẫn dùng topbar+drawer cũ, không đụng)
   ============================================================ */
@media(min-width:881px){
  body{margin-left:0;padding-top:66px}
  .nav{
    position:fixed;top:0;left:0;right:0;
    width:100%;height:auto;min-height:0;
    flex-direction:row;align-items:center;
    padding:0 24px;
    border-right:0;border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 6px 30px rgba(0,0,0,.3);
    overflow:visible;
    background:rgba(7,11,20,.94);
    -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  }
  .nav .wrap{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;width:100%;max-width:1240px;margin:0 auto;height:66px}
  .nav .brand-home{display:block;flex:0 0 auto}
  .nav .links{flex-direction:row;align-items:center;gap:4px;width:auto}
  .nav .links a{padding:9px 13px;border-radius:10px;text-align:center;white-space:nowrap;font-size:13.5px}
  .nav .links .brand-link{display:none}
  .nav .links .cta{margin-left:6px;padding:10px 18px}
  .nav-sub{display:none}
}

/* ============================================================
   NAV-TIMEBAR thay top-strip (2026-07-21)
   Top-strip đã xoá khỏi template — đồng hồ nằm ngay trong nav,
   hiện cả desktop (pill giữa thanh ngang) lẫn mobile (dưới topbar)
   ============================================================ */
.nav-sub{display:none!important} /* phần tử chết (renderCountdown cũ đã tắt) */
@media(min-width:881px){
  #nav-timebar{display:flex!important;flex:0 1 auto;min-width:0}
}
@media(max-width:880px){
  .nav .wrap{flex-wrap:wrap}
  #nav-timebar{display:flex!important;flex:1 1 100%;width:100%;margin-top:8px;justify-content:center;min-width:0;padding:7px 12px}
  #nav-timebar span{font-size:9.5px}
  #nav-timebar b{font-size:12.5px}
}

/* ============================================================
   PT-HERO-INFO — 4 ô thông tin + slogan dưới chips (2026-07-21)
   ============================================================ */
.pt-hero-info{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:980px;margin:18px auto 0}
.pt-info-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 10px;text-align:center}
.pt-info-ic{font-size:22px;line-height:1;margin-bottom:4px}
.pt-info-card small{color:#9fb3c8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.pt-info-card b{color:#eef5ff;font-size:13.5px;line-height:1.35}
.pt-hero-slogan{margin:16px auto 0;color:#f2ca50;font-size:14px;font-style:italic;opacity:.9}
@media(max-width:900px){
  .pt-hero-info{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .pt-hero-info{gap:8px;margin-top:12px}
  .pt-info-card{padding:10px 8px}
  .pt-info-ic{font-size:18px;margin-bottom:2px}
  .pt-info-card small{font-size:9.5px}
  .pt-info-card b{font-size:12px}
  .pt-hero-slogan{font-size:12px;margin-top:12px}
}

/* ============================================================
   MOBILE TOPBAR GỌN 1 HÀNG (2026-07-21)
   [☰ + KN Invest] bên TRÁI · [đồng hồ đếm ngược] bên PHẢI
   + drawer: đẩy cụm nút xuống dưới (padding-top bị rule cũ đè về 0)
   ============================================================ */
@media(max-width:880px){
  .nav{padding:6px 10px}
  /* Rule cũ ≤640px có .nav .wrap{display:grid} → phải ép flex 1 hàng */
  .nav .wrap{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;min-height:0;gap:8px}
  .nav .nav-toggle{order:0}
  .nav .brand-home{order:1;flex:0 1 auto!important;font-size:16px;text-align:left;min-width:0}
  .nav .brand-home small{font-size:8px;letter-spacing:.22em;margin-top:2px}
  #nav-timebar{order:5!important;flex:0 1 auto!important;width:auto!important;max-width:none!important;height:auto!important;margin:0 0 0 auto!important;padding:6px 11px!important;justify-content:flex-end}
  #nav-timebar span{display:none}
  #nav-timebar b{font-size:12.5px;white-space:nowrap}
  .nav .links{padding:110px 16px 24px!important}
}

/* ============================================================
   MOBILE DRAWER — gọn lại, bỏ nút trùng (2026-07-21)
   "KN Invest" (.brand-link) trùng chức năng "Home" → ẩn.
   Còn 5 mục thay vì 6, mỗi mục nhỏ gọn hơn (giống mật độ desktop).
   ============================================================ */
@media(max-width:880px){
  .nav .links .brand-link{display:none!important}
  .nav .links{gap:3px!important;padding:96px 14px 20px!important}
  .nav .links a{padding:11px 13px!important;font-size:14px!important;border-radius:9px!important}
  .nav .links a::after{content:none!important}
  .nav .links a.cta{margin-top:6px}
}

/* ============================================================
   PT-STEP-CARD — Quy trình tham gia dạng CARD (2026-07-21)
   Thay vòng tròn nhỏ + line bằng card to, có badge số bước,
   icon khung nổi bật và 1 dòng chi tiết nhấn mạnh (tag)
   ============================================================ */
.pt-steps-grid{display:flex;align-items:stretch;gap:0;margin:20px 0 8px}
.pt-step-card{flex:1;min-width:0;padding:26px 20px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:border-color .25s,transform .2s}
.pt-step-card:hover{border-color:rgba(242,202,80,.5);transform:translateY(-3px)}
.pt-step-top{position:relative;width:78px;height:78px;margin:0 auto 16px}
.pt-step-num{position:absolute;top:-8px;left:-8px;width:27px;height:27px;border-radius:999px;background:linear-gradient(135deg,#ffe088,#d4af37);color:#241a00;font-family:"JetBrains Mono","Consolas",monospace;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.4);z-index:2}
.pt-step-ic{position:absolute;inset:0;display:grid;place-items:center;font-size:32px;border-radius:20px;background:rgba(242,202,80,.08);border:1.5px solid rgba(242,202,80,.4);box-shadow:0 0 22px rgba(212,175,55,.16)}
.pt-step-body{flex:1;min-width:0;width:100%;display:flex;flex-direction:column;align-items:center}
.pt-step-card b{font-family:"Montserrat",var(--font-display)!important;font-size:16px;font-weight:800;color:#eef5ff;margin-bottom:6px}
.pt-step-card p{flex:1 0 auto;margin:0 0 14px;color:#9fb3c8;font-size:12.5px;line-height:1.5;max-width:100%}
.pt-step-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#c8d5e8;font-size:11px;font-weight:700;line-height:1.3;margin-top:auto;white-space:normal;max-width:100%}
.pt-step-arrow{flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:rgba(242,202,80,.4);font-size:22px;align-self:center;margin-top:-30px}

@media(max-width:900px){
  .pt-steps-grid{flex-direction:column;gap:12px}
  .pt-step-arrow{display:none}
  .pt-step-card{flex-direction:row;align-items:flex-start;text-align:left;gap:16px;padding:18px 20px}
  .pt-step-top{margin:0;flex:0 0 auto}
  .pt-step-body{align-items:flex-start;text-align:left;min-width:0}
  .pt-step-card p{flex:none}
  .pt-step-tag{margin-top:8px}
}
@media(max-width:640px){
  .pt-step-card{padding:14px 15px;gap:12px}
  .pt-step-top{width:56px;height:56px}
  .pt-step-num{width:21px;height:21px;font-size:9.5px;top:-6px;left:-6px}
  .pt-step-ic{font-size:23px;border-radius:15px}
  .pt-step-card b{font-size:13.5px;margin-bottom:4px}
  .pt-step-card p{font-size:11.5px;margin-bottom:8px}
  .pt-step-tag{font-size:10px;padding:5px 10px}
}

/* ============================================================
   PT-STEP-MODAL — zoom chi tiết khi bấm vào card Quy trình (2026-07-21)
   ============================================================ */
.pt-step-card{cursor:pointer}
.pt-step-more{margin-top:8px;font-size:10.5px;font-weight:700;color:#f2ca50;opacity:.7;transition:opacity .2s}
.pt-step-card:hover .pt-step-more{opacity:1}

.pt-step-modal{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:20px}
.pt-step-modal[hidden]{display:none!important}
.pt-step-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,12,.74);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.pt-step-modal.is-open .pt-step-modal-backdrop{opacity:1}
.pt-step-modal-card{position:relative;width:100%;max-width:460px;max-height:86vh;overflow-y:auto;padding:34px 28px 28px;transform:scale(.82);opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .22s}
.pt-step-modal.is-open .pt-step-modal-card{transform:scale(1);opacity:1}
.pt-step-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:999px;background:rgba(255,255,255,.06);color:#dbe7f3;font-size:17px;cursor:pointer;transition:background .2s}
.pt-step-modal-close:hover{background:rgba(255,255,255,.14)}
.pt-step-modal-top{position:relative;width:76px;height:76px;margin:0 auto 18px}
.pt-step-modal-num{position:absolute;top:-8px;left:-8px;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#ffe088,#d4af37);color:#241a00;font-family:"JetBrains Mono","Consolas",monospace;font-size:11.5px;font-weight:800;display:grid;place-items:center;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.pt-step-modal-ic{position:absolute;inset:0;display:grid;place-items:center;font-size:33px;border-radius:20px;background:rgba(242,202,80,.1);border:1.5px solid rgba(242,202,80,.45);box-shadow:0 0 26px rgba(212,175,55,.22)}
.pt-step-modal-card h3{text-align:center;font-family:"Montserrat",var(--font-display)!important;font-size:21px;font-weight:800;color:#eef5ff;margin:0 0 20px}
.pt-step-modal-list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:12px}
.pt-step-modal-list li{display:flex;gap:10px;align-items:flex-start;color:#c8d5e8;font-size:13.5px;line-height:1.6}
.pt-step-modal-list li b{color:#f2ca50}
.pt-step-modal-list .li-ic{flex:0 0 auto;font-size:16px;line-height:1.4}
.pt-step-modal-card .pt-btn{width:100%}

@media(max-width:640px){
  .pt-step-modal{padding:14px}
  .pt-step-modal-card{padding:26px 20px 22px;max-height:88vh}
  .pt-step-modal-top{width:60px;height:60px}
  .pt-step-modal-ic{font-size:25px;border-radius:16px}
  .pt-step-modal-card h3{font-size:18px;margin-bottom:16px}
  .pt-step-modal-list li{font-size:12.5px}
}

/* ============================================================
   PT-HERO-PRIZES — Cơ cấu giải thưởng dời vào hero (2026-07-21)
   Thay chỗ countdown đã xoá — nằm giữa subtitle và nút CTA
   ============================================================ */
.pt-hero-prizes{width:100%;margin:30px 0 38px}
@media(max-width:640px){
  .pt-hero-prizes{margin:20px 0 26px}
}

/* ============================================================
   PT-HERO tinh chỉnh (2026-07-21): bỏ nút BXH ở hero (còn 1 nút
   CTA duy nhất, tự canh giữa), 2 hàng "con nhộng" tách biệt rõ,
   khối giải thưởng thu gọn ~76% CHỈ trên desktop (≥901px) để
   nhìn được tổng thể mà không cần cuộn nhiều
   ============================================================ */
.pt-hero-chips-group{margin-top:26px}
.pt-hero-chips-row2{margin-top:14px}

@media(min-width:901px){
  .pt-hero-prizes .pt-h2-bar{margin:10px auto 18px}
  .pt-hero-prizes .pt-podium{gap:17px;margin:6px 0 16px}
  .pt-hero-prizes .pt-prize-card{padding:20px 15px 17px}
  .pt-hero-prizes .pt-prize-top1{padding-top:26px}
  .pt-hero-prizes .pt-champ-chip{top:-11px;font-size:9.5px;padding:4px 14px}
  .pt-hero-prizes .pt-prize-medal{height:40px;margin-bottom:8px}
  .pt-hero-prizes .pt-prize-crown{height:44px}
  .pt-hero-prizes .pt-prize-rank{font-size:17px}
  .pt-hero-prizes .pt-prize-top1 .pt-prize-rank{font-size:21px}
  .pt-hero-prizes .pt-prize-val{font-size:11.5px;margin-bottom:10px}
  .pt-hero-prizes .pt-prize-top1 .pt-prize-val{font-size:13px}
  .pt-hero-prizes .pt-prize-img{max-height:84px;margin-bottom:10px}
  .pt-hero-prizes .pt-prize-img-top1{max-height:130px}
  .pt-hero-prizes .pt-prize-perks{font-size:10.5px;margin-bottom:10px}
  .pt-hero-prizes .pt-lower{gap:14px}
  .pt-hero-prizes .pt-lower-card{padding:14px 17px}
  .pt-hero-prizes .pt-lower-title{font-size:12.5px}
  .pt-hero-prizes .pt-lower-txt p{font-size:10.5px}
  .pt-hero-prizes .pt-lower-val{font-size:15px}
  .pt-hero-prizes .pt-lower-check{font-size:18px}
}

/* ============================================================
   ZOOM TOÀN GIAO DIỆN DESKTOP CÒN 75% (2026-07-21)
   Chỉ desktop (mobile giữ nguyên 100%, đã tối ưu riêng)
   ============================================================ */
@media(min-width:901px){ html{zoom:0.75} }
/* (24/07) ZOOM CO GIAN theo be ngang man -> man to khong bi ti xiu, man nho khong tran */
@media(min-width:1500px){ html{zoom:0.82} }
@media(min-width:1800px){ html{zoom:0.88} }
@media(min-width:2200px){ html{zoom:0.96} }
@media(min-width:2700px){ html{zoom:1.05} }

/* ============================================================
   OBSIDIAN LUXURY (v254): ĐEN chủ đạo + VÀNG & BẠC xen kẽ
   Đen thuần thay nâu ấm; accent teal cũ → BẠC tinh tế
   ============================================================ */
:root{
  --bg:#0a0a0a;
  --bg2:#121212;
  --bg3:#1a1a1a;
  --panel:rgba(255,255,255,.045);
  --panel2:rgba(255,255,255,.07);
  --panel3:rgba(255,255,255,.105);
  --line:rgba(212,212,212,.13);
  --line-strong:rgba(212,212,212,.25);
  --gold:#e8b84b;
  --champagne:#f0d58f;
  --contrast-gold:#e8b84b;
  --contrast-gold-2:#f5dd9a;
  --silver:#d4d4d4;
  --silver-soft:#e9ebee;
  --silver-dim:#9a9da3;
  --cool:#c9cdd4;
  --cool-soft:#e9ebee;
  --cool-deep:#2b2d31;
  --cool-glass:rgba(201,205,212,.09);
  --cool-line:rgba(212,214,220,.22);
  --dim:#b9bcc2;
  --dim2:#84878d;
}
html{background:#0a0a0a !important}
body{
  background:
    radial-gradient(900px 420px at 70% 14%, rgba(212,212,212,.045), transparent 62%),
    radial-gradient(760px 380px at 18% 36%, rgba(232,184,75,.05), transparent 65%),
    linear-gradient(180deg, #0d0d0d 0%, #080808 44%, #101010 100%) !important;
}
body::before{
  background:
    linear-gradient(rgba(212,212,212,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,212,212,.022) 1px, transparent 1px);
}
body::after{
  background:linear-gradient(180deg, #0a0a0a, rgba(10,10,10,.94));
}
.nav{
  background:rgba(10,10,10,.82);
  border-top-color:rgba(212,212,212,.08);
  border-bottom-color:rgba(212,212,212,.15);
}
.hero::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 18%, transparent 70%, rgba(8,8,8,.94)),
    radial-gradient(620px 300px at 64% 32%, rgba(212,212,212,.09), transparent 66%),
    radial-gradient(540px 260px at 30% 18%, rgba(232,184,75,.07), 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:#e9ebee !important;
  text-shadow:0 0 18px rgba(212,212,212,.22), 0 18px 56px rgba(0,0,0,.72) !important;
}
.mobile-flow::before{background:linear-gradient(90deg, #0a0a0a, transparent)}
.mobile-flow::after{background:linear-gradient(270deg, #0a0a0a, transparent)}

/* ============================================================
   REG WIZARD — Multi-step đăng ký (Obsidian Luxury 2026-07-21)
   Đen chủ đạo · vàng + bạc sen kẽ · tinh tế hiện đại
   ============================================================ */
/* Luồng 1 cột, căn giữa — mỗi lúc chỉ hiện 1 bước */
.reg-guided{max-width:720px;margin:0 auto;width:100%}
.reg-guided-head{text-align:center;margin-bottom:26px}
.reg-home-link{
  display:inline-flex;align-items:center;margin-bottom:14px;padding:8px 15px;
  border-radius:999px;border:1px solid rgba(212,212,212,.2);
  background:rgba(255,255,255,.04);color:var(--silver);
  font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s,color .2s;
}
.reg-home-link:hover{border-color:rgba(242,202,80,.45);color:var(--gold);background:rgba(242,202,80,.06)}
.reg-guided-head h2{
  margin:0 0 8px;font-size:clamp(26px,4vw,40px);line-height:1.08;color:#fff;font-weight:800;
}
.reg-guided-head p{margin:0;color:rgba(233,235,238,.66);font-size:14.5px;line-height:1.6}
.reg-guided-head p b{color:var(--gold)}
/* Form thành container trong suốt — card thật nằm ở .reg-step-card */
.reg-guided .register-form{
  border:0 !important;background:none !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important;
}
/* Card từng bước — nền đen kính, viền bạc mảnh */
.reg-step-card{
  position:relative;
  padding:30px 28px 26px;
  border-radius:22px;
  border:1px solid rgba(212,212,212,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
    rgba(10,10,10,.78);
  box-shadow:0 30px 90px -60px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(14px);
}
.reg-step-badge{
  display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;
  border-radius:15px;
  background:linear-gradient(135deg,#f2ca50,#c9962e);
  color:#0a0a0a;font-weight:900;font-size:19px;letter-spacing:.02em;
  box-shadow:0 12px 30px -14px rgba(242,202,80,.75);
}
.reg-step-card h3{
  margin:0 0 10px;font-size:clamp(20px,2.6vw,26px);line-height:1.22;color:#fff;font-weight:800;
}
.reg-step-card > p{
  margin:0 0 20px;color:rgba(233,235,238,.7);font-size:14px;line-height:1.66;
}
.reg-step-card .hl-brand{color:var(--gold);font-weight:800}
.reg-step-card .hl-broker{color:var(--silver);font-weight:800}
.reg-step-card .form-grid{margin-bottom:0}
.reg-step-card .mt5-block{margin:18px 0 0}
.reg-step-card .form-broker-links{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;
}
.reg-guided .disclaimer{margin-top:20px;text-align:center;max-width:640px;margin-left:auto;margin-right:auto}
.reg-wizard{display:flex;flex-direction:column}
.reg-progress{margin:4px 0 22px}
.reg-progress-dots{display:flex;justify-content:space-between;gap:6px;margin-bottom:14px}
.reg-progress-dot{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;cursor:default;transition:transform .2s ease}
.reg-progress-dot .reg-dot{
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.05);border:1px solid rgba(212,212,212,.22);
  color:var(--silver);font-weight:800;font-size:14px;
  transition:background .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease;
}
.reg-progress-dot small{font-size:11px;font-weight:700;color:rgba(212,212,212,.5);letter-spacing:.02em;transition:color .28s ease}
.reg-progress-dot.is-done .reg-dot{
  background:linear-gradient(135deg,var(--silver),#9a9a9a);border-color:transparent;color:#0a0a0a;
}
.reg-progress-dot.is-active{transform:translateY(-1px)}
.reg-progress-dot.is-active .reg-dot{
  background:linear-gradient(135deg,#f2ca50,#c9962e);border-color:transparent;color:#0a0a0a;
  box-shadow:0 0 0 4px rgba(242,202,80,.16),0 10px 26px -12px rgba(242,202,80,.7);
}
.reg-progress-dot.is-active small{color:var(--gold)}
.reg-progress-dot[data-step-dot]:hover .reg-dot{border-color:rgba(242,202,80,.5)}
.reg-progress-bar{width:100%;height:5px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.reg-progress-bar-fill{
  height:100%;border-radius:999px;width:0;
  background:linear-gradient(90deg,var(--silver) 0%,var(--gold) 100%);
  box-shadow:0 0 14px rgba(242,202,80,.4);
  transition:width .38s cubic-bezier(.4,0,.2,1);
}
.reg-step{animation:regStepIn .34s cubic-bezier(.4,0,.2,1)}
.reg-step[hidden]{display:none}
@keyframes regStepIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}
.reg-step-nav{display:flex;gap:10px;margin-top:22px}
.reg-step-nav .btn{flex:1;min-height:50px;font-weight:800}
.reg-step-nav #reg-prev{flex:0 0 auto;min-width:130px}
@media(max-width:640px){
  .reg-progress-dot small{font-size:9.5px}
  .reg-progress-dot .reg-dot{width:30px;height:30px;font-size:13px}
  .reg-step-nav{flex-wrap:wrap}
  .reg-step-nav #reg-prev{flex:1 1 100%;order:2}
}

/* ============================================================
   HEADER / SECTION LAYERS — ngăn cách các lớp bằng tương phản
   nhẹ nhàng, tinh tế (2026-07-21): nền đen ↔ than nhạt xen kẽ,
   đường ngăn VÀNG ↔ BẠC đối lập luân phiên.
   ============================================================ */
.pt-sec{position:relative;padding:66px 0;background:transparent}
/* Lớp CHẴN: dải than nổi RÕ hơn (sáng hơn nền đen) — mép trên/dưới mảnh */
.pt-sec:nth-of-type(even){
  background:linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.022) 45%, rgba(255,255,255,.008) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), inset 0 -1px 0 rgba(0,0,0,.55);
}
/* Lớp LẺ: đen sâu HƠN để tương phản mạnh hơn với lớp chẵn */
.pt-sec:nth-of-type(odd){
  background:linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.2) 42%, transparent 100%);
}
/* Đường ngăn phía trên: luân phiên VÀNG (lớp lẻ) ↔ BẠC (lớp chẵn), đậm hơn */
.pt-sec::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(1160px,92%);height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,184,75,.6),transparent);
}
.pt-sec:nth-of-type(even)::before{
  background:linear-gradient(90deg,transparent,rgba(224,228,234,.58),transparent);
}
/* Tiêu đề section: CÙNG hiệu ứng kim loại VÀNG→BẠC như tiêu đề hero.
   Emoji đầu tiêu đề vẫn giữ màu (color-emoji không bị text-fill-color) */
.pt-h2{
  margin-top:2px;
  background:linear-gradient(90deg,#f6d165 0%,#ecc255 18%,#e8b84b 32%,#d8cba4 50%,#c6cbd2 68%,#d8dce2 84%,#f3f5f8 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 1px 6px rgba(232,184,75,.14)) drop-shadow(0 1px 12px rgba(216,220,226,.1));
}
/* span vàng lồng trong tiêu đề: bỏ gradient riêng để lộ gradient chung của .pt-h2 */
.pt-h2 .pt-gold-text{
  background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
}
/* Emoji đầu tiêu đề: tách khỏi clip-text để LUÔN hiện màu gốc (mọi trình duyệt) */
.pt-h2 .pt-h2-ic{
  -webkit-text-fill-color:#e9ebee!important;color:#e9ebee!important;
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  filter:none!important;margin-right:5px;
}
.pt-h2-bar{
  position:relative;width:120px;height:3px;margin:16px auto 34px;
  background:linear-gradient(90deg,transparent,#e8b84b 22%,#f5dd9a 50%,#e8b84b 78%,transparent);
  box-shadow:0 0 14px rgba(232,184,75,.35);
}
.pt-sec:nth-of-type(even) .pt-h2-bar{
  background:linear-gradient(90deg,transparent,#c9cdd4 22%,#f2f4f7 50%,#c9cdd4 78%,transparent);
  box-shadow:0 0 14px rgba(212,216,222,.32);
}
.pt-h2-bar::after{
  content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;
  transform:translate(-50%,-50%) rotate(45deg);
  background:#f5dd9a;box-shadow:0 0 10px rgba(245,221,154,.8);border-radius:1px;
}
.pt-sec:nth-of-type(even) .pt-h2-bar::after{
  background:#f2f4f7;box-shadow:0 0 10px rgba(233,235,238,.8);
}
@media(max-width:640px){
  .pt-sec{padding:38px 0}
  .pt-h2-bar{width:88px;margin:12px auto 22px}
}

/* ============================================================
   MOBILE POLISH (2026-07-21) — tích hợp tối đa cho màn nhỏ
   ============================================================ */
@media(max-width:640px){
  /* Hero: title arena 2 dòng thoáng, sub gọn */
  .pt-title-arena{line-height:1.12;margin:4px 0 10px}
  .pt-hero-sub{max-width:320px;margin-left:auto;margin-right:auto}
  /* Section header: giữ tương phản lớp trên mobile nhưng dịu hơn */
  .pt-sec:nth-of-type(odd){background:linear-gradient(180deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.16) 40%, transparent 100%)}
  .pt-sec:nth-of-type(even){background:linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.016) 46%, transparent 100%)}
  .pt-h2{line-height:1.3;padding:0 8px}
  .pt-h2-ic{display:inline-block;margin-right:4px}
  /* Chip 2 hàng: cuộn ngang mượt nếu chật (thay vì xuống quá nhiều dòng) */
  .pt-hero-chips{row-gap:6px}
  .pt-chip{font-size:10.5px;padding:6px 10px}
  /* Portal + broker btn: full-grid 2 cột đều nhau, chạm dễ */
  .pt-portal{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .pt-portal-btn{width:100%;justify-content:center;min-height:42px}
  /* FAQ: chữ + padding gọn */
  .faq summary{font-size:13.5px;padding:13px 40px 13px 14px}
  .faq p{font-size:12.5px}
  /* Register wizard mobile: card + nav sát mép hợp lý */
  .reg-guided-head h2{font-size:24px}
  .reg-guided-head p{font-size:13px}
  .reg-step-card{padding:20px 16px 18px;border-radius:16px}
  .reg-step-badge{width:44px;height:44px;font-size:16px;border-radius:12px;margin-bottom:12px}
  .reg-step-card h3{font-size:18px}
  .reg-step-card > p{font-size:13px;margin-bottom:16px}
  .reg-step-card .form-broker-links{grid-template-columns:1fr 1fr}
  .reg-step-nav .btn{min-height:46px;font-size:14px}
  /* BXH bảng: chữ nhỏ hơn chút cho đỡ cuộn ngang nhiều */
  #home-board table{font-size:12px}
  /* Risk footer gọn */
  .pt-risk{font-size:11.5px;line-height:1.55}
  /* Card "🌟 ĐẶC BIỆT: Master Trader" nhỏ gọn lại trên mobile */
  .pt-lower-green .pt-lower-title{font-size:11.5px;line-height:1.45;margin-bottom:3px}
  .pt-lower-green .pt-lower-txt p{font-size:10.5px;line-height:1.45}
  .pt-lower-green{padding:10px 12px}
  .pt-lower-check{font-size:14px}
}
@media(max-width:400px){
  .pt-title-arena{font-size:clamp(30px,9.6vw,38px)!important}
  .pt-portal{grid-template-columns:1fr 1fr}
  .pt-h2{font-size:17.5px}
}

/* Nút "Group cuộc thi" trong portal — nổi bật nhẹ kiểu Telegram */
.pt-portal-group{
  border-color:rgba(34,158,217,.45)!important;
  background:rgba(34,158,217,.08)!important;
  color:#bfe6ff!important;
}
.pt-portal-group:hover{
  border-color:rgba(34,158,217,.75)!important;
  background:rgba(34,158,217,.16)!important;
}

/* ============================================================
   HERO VIDEO (2026-07-21) — hero kiểu Topstep: chỉ lời chào,
   hoạt cảnh trading canvas làm nền, chữ + nút nổi trên nền.
   Phần thưởng đã dời xuống section .pt-prizes-sec ngay dưới.
   ============================================================ */
.pt-hero-video{
  position:relative;
  min-height:min(88vh,860px);
  display:flex;align-items:center;justify-content:center;
  padding:118px 0 72px;
  overflow:hidden;
  background:#0a0a0a;
}
#pt-hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.pt-hero-overlay{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 62% 52% at 50% 44%, rgba(10,10,10,.18), rgba(10,10,10,.74) 82%),
    linear-gradient(180deg, rgba(10,10,10,.62) 0%, transparent 26%, transparent 62%, #0a0a0a 100%);
}
.pt-hero-inner{position:relative;z-index:2}
/* Dòng chào trắng phía trên tên đấu trường (kiểu "Become a") */
.pt-hero-hello{
  display:block;
  color:#fff;
  font-size:.52em;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.15;
  margin-bottom:8px;
  text-shadow:0 2px 24px rgba(0,0,0,.65);
}
/* CTA trong hero video: bỏ đường kẻ cũ, nổi trên nền */
.pt-hero-video .pt-hero-cta{border-top:0;padding-top:6px;margin-bottom:8px}
.pt-hero-video .pt-btn-xl{box-shadow:0 18px 50px -18px rgba(232,184,75,.65)}
.pt-hero-video .pt-badge{background:rgba(10,10,10,.66);backdrop-filter:blur(6px)}
.pt-hero-video .pt-hero-sub{text-shadow:0 2px 18px rgba(0,0,0,.7)}
/* Section phần thưởng (header 2) */
.pt-prizes-sec{padding-top:54px}
.pt-prizes-sec .pt-hero-prizes{margin:0}
.pt-prizes-sec .pt-hero-chips-group{margin-top:26px}
@media(max-width:640px){
  .pt-hero-video{min-height:72vh;padding:96px 0 46px}
  .pt-hero-hello{font-size:.56em;margin-bottom:6px}
  .pt-prizes-sec{padding-top:34px}
}

/* ============================================================
   HERO PRO POLISH (2026-07-21) — tinh chỉnh chuyên nghiệp:
   eyebrow cách quãng, badge thanh mảnh, 2 CTA, stats bar Topstep
   ============================================================ */
.pt-hero-video .pt-badge{
  background:transparent;
  border-color:rgba(232,184,75,.32);
  color:#f5dd9a;
  font-size:11px;
  letter-spacing:.24em;
  padding:8px 18px;
  backdrop-filter:blur(4px);
}
/* Dòng chào → eyebrow bạc cách quãng, sang và tiết chế */
.pt-hero-hello{
  color:#d8dce2;
  font-size:.3em;
  font-weight:600;
  letter-spacing:.34em;
  text-transform:uppercase;
  text-indent:.34em; /* cân lại khoảng trống letter-spacing cuối dòng */
  margin-bottom:16px;
  text-shadow:0 2px 20px rgba(0,0,0,.7);
}
/* CTA phụ ghost đứng cạnh CTA vàng */
.pt-hero-video .pt-hero-cta{gap:12px}
.pt-hero-video .pt-btn-ghost{
  border-color:rgba(212,212,212,.3);
  color:#e9ebee;
  background:rgba(10,10,10,.35);
  backdrop-filter:blur(4px);
}
.pt-hero-video .pt-btn-ghost:hover{border-color:rgba(232,184,75,.55);color:#f5dd9a}
/* Stats bar — dải số liệu tin cậy kiểu Topstep */
.pt-hero-stats{
  display:flex;
  justify-content:center;
  max-width:720px;
  margin:36px auto 0;
  padding-top:24px;
  border-top:1px solid rgba(212,212,212,.14);
}
.pt-stat{flex:1;position:relative;padding:0 18px;text-align:center}
.pt-stat + .pt-stat::before{
  content:"";position:absolute;left:0;top:14%;bottom:14%;width:1px;
  background:rgba(212,212,212,.13);
}
.pt-stat b{
  display:block;
  font-family:"Montserrat",var(--font-display);
  font-size:clamp(21px,2.6vw,30px);
  font-weight:800;
  color:#f5dd9a;
  line-height:1.1;
  text-shadow:0 2px 16px rgba(0,0,0,.6);
}
.pt-stat span{
  display:block;margin-top:4px;
  color:#9a9da3;font-size:10.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
}
/* Slogan tiết chế */
.pt-hero-video .pt-hero-slogan{
  margin-top:20px;color:rgba(216,220,226,.5);
  font-size:12.5px;font-style:italic;letter-spacing:.02em;
}
@media(max-width:640px){
  .pt-hero-video .pt-badge{font-size:9.5px;letter-spacing:.18em;padding:7px 13px}
  .pt-hero-hello{font-size:.4em;letter-spacing:.24em;text-indent:.24em;margin-bottom:10px}
  .pt-hero-video .pt-hero-cta{flex-direction:column;align-items:center;gap:9px}
  .pt-hero-video .pt-hero-cta .pt-btn{width:min(100%,320px)}
  .pt-hero-stats{flex-wrap:wrap;max-width:340px;margin-top:26px;padding-top:18px;row-gap:14px}
  .pt-stat{flex:1 1 50%;padding:0 10px}
  .pt-stat + .pt-stat::before{display:none}
  .pt-stat:nth-child(2)::before,.pt-stat:nth-child(4)::before{display:block}
  .pt-hero-video .pt-hero-slogan{margin-top:16px;font-size:11.5px}
}

/* Video nền hero (thay canvas 2026-07-21) — tự render, 271KB, loop 12s */
.pt-hero-vid{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center 62%;
  display:block;
  filter:saturate(1.05);
}

/* HERO COMPACT (2026-07-21) — bỏ badge, kéo nội dung lên, siết khoảng trống */
.pt-hero-video{min-height:min(74vh,720px);padding:96px 0 44px}
.pt-hero-hello{margin-bottom:10px}
.pt-title-arena{margin:0 0 12px}
.pt-hero-video .pt-hero-sub{margin-bottom:20px}
.pt-hero-video .pt-hero-cta{padding-top:0;margin-bottom:0}
.pt-hero-stats{margin-top:24px;padding-top:16px}
.pt-hero-video .pt-hero-slogan{margin-top:13px}
@media(max-width:640px){
  .pt-hero-video{min-height:58vh;padding:80px 0 30px}
  .pt-hero-hello{margin-bottom:7px}
  .pt-hero-video .pt-hero-sub{margin-bottom:16px}
  .pt-hero-stats{margin-top:18px;padding-top:14px;row-gap:10px}
  .pt-hero-video .pt-hero-slogan{margin-top:10px}
}

/* ============================================================
   HERO FULLSCREEN (2026-07-21) — "Chào Mừng Đến Với" to ngang
   dòng dưới (trắng nổi bật), hero phủ vừa khung hình mọi màn.
   Lưu ý: desktop có html{zoom:0.75} nên min-height phải bù 1/0.75.
   ============================================================ */
.pt-hero-hello{
  font-size:.7em;
  color:#fff;
  font-weight:900;
  letter-spacing:.01em;
  text-transform:none;
  text-indent:0;
  line-height:1.06;
  margin-bottom:6px;
  text-shadow:0 4px 34px rgba(0,0,0,.8), 0 0 26px rgba(233,235,238,.18);
}
.pt-hero-video{
  min-height:100vh;
  min-height:100svh;
  padding:88px 0 40px;
}
/* Desktop đang zoom 0.75 → bù để phủ đúng 100% màn hình thật */
@media(min-width:901px){
  .pt-hero-video{min-height:calc(100vh / var(--pgz, .75))}
}
@media(max-width:640px){
  .pt-hero-hello{font-size:.45em;margin-bottom:5px}
  .pt-hero-video{min-height:100svh;padding:76px 0 30px}
}

/* MOBILE HERO FIX (2026-07-21) — hết "hở" khoảng trống lớn trên đầu:
   ghim nội dung lên gần nav thay vì căn giữa màn 100svh */
@media(max-width:640px){
  .pt-hero-video{
    min-height:88svh;
    align-items:flex-start;
    padding:92px 0 34px;
  }
}

/* ============================================================
   SPOTLIGHT CARDS (2026-07-21) — card TRONG SUỐT + viền glow
   chạy theo con trỏ (port từ spotlight-card React sang vanilla).
   JS set --spx/--spy (px viewport, đã bù zoom) trên :root;
   background-attachment:fixed để mọi card cùng 1 hệ toạ độ.
   ============================================================ */
:root{--spx:50vw;--spy:38vh}
/* 1) Trong suốt hoá card */
.pt-glass{
  background:rgba(12,12,12,.34)!important;
  border-color:rgba(212,212,212,.12)!important;
}
.panel{background:rgba(12,12,12,.32)}
.reg-step-card{background:rgba(12,12,12,.36)}
.faq{background:rgba(12,12,12,.28)}
.pt-broker-item{background:rgba(255,255,255,.02)}
/* 2) Viền spotlight: ring sáng vàng quanh vị trí con trỏ + nền viền bạc mờ mặc định */
.pt-glass,.panel,.reg-step-card,.faq{position:relative}
.pt-glass::after,.panel::after,.reg-step-card::after,.faq::after{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1.5px;
  background:
    radial-gradient(300px 300px at var(--spx) var(--spy), rgba(255,222,130,1), rgba(242,205,110,.3) 55%, transparent 78%) fixed,
    linear-gradient(rgba(212,212,212,.1), rgba(212,212,212,.1));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
          mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask-composite:exclude;
  z-index:1;
}
/* 3) Vệt sáng mờ bên trong card quanh con trỏ */
.pt-glass::before,.panel::before,.reg-step-card::before,.faq::before{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(360px 360px at var(--spx) var(--spy), rgba(242,205,110,.1), transparent 72%) fixed;
  z-index:0;
}
/* Mobile / cảm ứng: không có con trỏ → tắt lớp glow động, giữ viền tĩnh */
@media(pointer:coarse){
  .pt-glass::after,.panel::after,.reg-step-card::after,.faq::after{
    background:linear-gradient(rgba(212,212,212,.13), rgba(212,212,212,.13));
  }
  .pt-glass::before,.panel::before,.reg-step-card::before,.faq::before{display:none}
}

/* ============================================================
   PODIUM AURA (2026-07-21) — Top 1/2/3 hào quang rực rỡ:
   VÀNG / BẠC / ĐỒNG. Viền kim loại sáng + quầng glow đa lớp
   + nhịp thở phát sáng (tôn trọng prefers-reduced-motion).
   ============================================================ */
/* ---- TOP 1 · VÀNG ---- */
.pt-prize-card.pt-prize-top1{
  border-color:rgba(255,216,84,.85)!important;
  box-shadow:
    0 0 0 1px rgba(255,216,84,.6),
    0 0 26px rgba(255,200,60,.5),
    0 0 80px -8px rgba(255,190,40,.6),
    0 22px 80px -18px rgba(255,190,40,.55);
}
.pt-prize-card.pt-prize-top1::after{
  padding:2px;
  background:linear-gradient(135deg,#ffe9a8 0%,#f2ca50 28%,#b8860b 52%,#f2ca50 76%,#fff3c4 100%)!important;
}
.pt-prize-card.pt-prize-top1::before{
  background:radial-gradient(75% 60% at 50% 0%, rgba(255,216,84,.14), transparent 70%)!important;
}
/* ---- TOP 2 · BẠC ---- */
.pt-prize-card.pt-prize-2{
  border-color:rgba(226,232,240,.8)!important;
  box-shadow:
    0 0 0 1px rgba(226,232,240,.5),
    0 0 22px rgba(214,222,232,.42),
    0 0 64px -10px rgba(214,222,232,.5),
    0 18px 64px -18px rgba(214,222,232,.42);
}
.pt-prize-card.pt-prize-2::after{
  padding:2px;
  background:linear-gradient(135deg,#ffffff 0%,#d7dde6 30%,#8e98a6 52%,#d7dde6 74%,#ffffff 100%)!important;
}
.pt-prize-card.pt-prize-2::before{
  background:radial-gradient(75% 60% at 50% 0%, rgba(226,232,240,.12), transparent 70%)!important;
}
/* ---- TOP 3 · ĐỒNG ---- */
.pt-prize-card.pt-prize-3{
  border-color:rgba(224,138,74,.8)!important;
  box-shadow:
    0 0 0 1px rgba(224,138,74,.5),
    0 0 22px rgba(205,127,50,.45),
    0 0 64px -10px rgba(205,127,50,.52),
    0 18px 64px -18px rgba(205,127,50,.45);
}
.pt-prize-card.pt-prize-3::after{
  padding:2px;
  background:linear-gradient(135deg,#ffd2a8 0%,#e08a4a 30%,#8c4f1f 52%,#e08a4a 74%,#ffd2a8 100%)!important;
}
.pt-prize-card.pt-prize-3::before{
  background:radial-gradient(75% 60% at 50% 0%, rgba(224,138,74,.12), transparent 70%)!important;
}
/* ---- Nhịp thở hào quang (chỉ khi không reduced-motion) ---- */
@media (prefers-reduced-motion: no-preference){
  .pt-prize-card.pt-prize-top1{animation:ptAuraGold 2.6s ease-in-out infinite alternate}
  .pt-prize-card.pt-prize-2{animation:ptAuraSilver 3s ease-in-out infinite alternate}
  .pt-prize-card.pt-prize-3{animation:ptAuraBronze 3.2s ease-in-out infinite alternate}
  @keyframes ptAuraGold{
    from{box-shadow:0 0 0 1px rgba(255,216,84,.5),0 0 20px rgba(255,200,60,.4),0 0 60px -8px rgba(255,190,40,.45),0 22px 70px -18px rgba(255,190,40,.4)}
    to{box-shadow:0 0 0 1px rgba(255,216,84,.75),0 0 36px rgba(255,200,60,.65),0 0 110px -6px rgba(255,190,40,.8),0 22px 90px -14px rgba(255,190,40,.7)}
  }
  @keyframes ptAuraSilver{
    from{box-shadow:0 0 0 1px rgba(226,232,240,.4),0 0 16px rgba(214,222,232,.34),0 0 48px -10px rgba(214,222,232,.4),0 18px 56px -18px rgba(214,222,232,.34)}
    to{box-shadow:0 0 0 1px rgba(226,232,240,.65),0 0 30px rgba(214,222,232,.55),0 0 88px -8px rgba(214,222,232,.66),0 18px 76px -14px rgba(214,222,232,.55)}
  }
  @keyframes ptAuraBronze{
    from{box-shadow:0 0 0 1px rgba(224,138,74,.4),0 0 16px rgba(205,127,50,.36),0 0 48px -10px rgba(205,127,50,.42),0 18px 56px -18px rgba(205,127,50,.36)}
    to{box-shadow:0 0 0 1px rgba(224,138,74,.66),0 0 30px rgba(205,127,50,.6),0 0 88px -8px rgba(205,127,50,.7),0 18px 76px -14px rgba(205,127,50,.6)}
  }
}
/* Mobile: quầng gọn hơn chút cho nhẹ máy */
@media(max-width:640px){
  .pt-prize-card.pt-prize-top1{box-shadow:0 0 0 1px rgba(255,216,84,.55),0 0 18px rgba(255,200,60,.45),0 0 52px -8px rgba(255,190,40,.55)}
  .pt-prize-card.pt-prize-2{box-shadow:0 0 0 1px rgba(226,232,240,.45),0 0 15px rgba(214,222,232,.38),0 0 44px -8px rgba(214,222,232,.46)}
  .pt-prize-card.pt-prize-3{box-shadow:0 0 0 1px rgba(224,138,74,.45),0 0 15px rgba(205,127,50,.4),0 0 44px -8px rgba(205,127,50,.48)}
}

/* HERO CHIPS (2026-07-21) — "con nhộng" tích hợp vào hero, tinh tế
   như stats bar: kính trong mờ, viền bạc mảnh, chữ dịu */
.pt-hero-chips-hero{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:8px;max-width:820px;margin:20px auto 0;
}
.pt-hero-chips-hero .pt-chip{
  background:rgba(10,10,10,.34);
  border:1px solid rgba(212,212,212,.16);
  color:#cfd4da;
  font-size:11.5px;font-weight:700;letter-spacing:.02em;
  padding:7px 14px;border-radius:999px;
  backdrop-filter:blur(6px);
  transition:border-color .25s ease,color .25s ease;
}
.pt-hero-chips-hero .pt-chip:hover{border-color:rgba(232,184,75,.45);color:#f5dd9a}
@media(max-width:640px){
  .pt-hero-chips-hero{gap:6px;margin-top:14px;max-width:340px}
  .pt-hero-chips-hero .pt-chip{font-size:10px;padding:6px 10px}
}



/* ============================================================
   SITE-WIDE OBSIDIAN (2026-07-21) — phủ hiệu ứng cho TẤT CẢ trang
   (Thể lệ, Phần thưởng, Rules, System, Winners…):
   1) Card trong suốt  2) Viền spotlight theo con trỏ
   3) Tiêu đề gradient kim loại VÀNG→BẠC như trang home
   ============================================================ */
/* 1) Trong suốt hoá card mọi trang */
.card,.tier,.step,.feat,.rule,.cta-box,.tele-box,.mr-card,.win-row,
.wp-sec,.wp-card,.wp-toc,.wp-doc,.rules-warning{
  background:rgba(12,12,12,.34)!important;
  border-color:rgba(212,212,212,.12)!important;
}
/* 2) Spotlight viền + vệt sáng trong (same hệ toạ độ --spx/--spy) */
.card,.tier,.step,.feat,.rule,.cta-box,.tele-box,.mr-card,.wp-sec,.wp-card,.wp-toc{position:relative}
.card::after,.tier::after,.step::after,.feat::after,.rule::after,
.cta-box::after,.tele-box::after,.mr-card::after,
.wp-sec::after,.wp-card::after,.wp-toc::after{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1.5px;
  background:
    radial-gradient(300px 300px at var(--spx) var(--spy), rgba(255,222,130,1), rgba(242,205,110,.3) 55%, transparent 78%) fixed,
    linear-gradient(rgba(212,212,212,.1), rgba(212,212,212,.1));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
          mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask-composite:exclude;
  z-index:1;
}
.card::before,.tier::before,.step::before,.feat::before,.rule::before,
.cta-box::before,.tele-box::before,.mr-card::before,
.wp-sec::before,.wp-card::before,.wp-toc::before{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(360px 360px at var(--spx) var(--spy), rgba(242,205,110,.1), transparent 72%) fixed;
  z-index:0;
}
@media(pointer:coarse){
  .card::after,.tier::after,.step::after,.feat::after,.rule::after,
  .cta-box::after,.tele-box::after,.mr-card::after,
  .wp-sec::after,.wp-card::after,.wp-toc::after{
    background:linear-gradient(rgba(212,212,212,.13), rgba(212,212,212,.13));
  }
  .card::before,.tier::before,.step::before,.feat::before,.rule::before,
  .cta-box::before,.tele-box::before,.mr-card::before,
  .wp-sec::before,.wp-card::before,.wp-toc::before{display:none}
}
/* 3) Tiêu đề mọi trang: gradient kim loại VÀNG→BẠC đồng bộ hero */
.sec-head h2,.wp-sec h3{
  background:linear-gradient(90deg,#f6d165 0%,#ecc255 18%,#e8b84b 32%,#d8cba4 50%,#c6cbd2 68%,#d8dce2 84%,#f3f5f8 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
}

/* BXH HOÀ TAN (2026-07-21) — bảng xếp hạng ở home không đóng khung card:
   block SITE-WIDE ở trên vô tình bọc .panel thành card → gỡ riêng cho BXH */
.leaderboard-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
.leaderboard-panel::before,
.leaderboard-panel::after{display:none!important}

/* ============================================================
   HOME FULLPAGE SECTIONS (2026-07-21) — mỗi section home chiếm
   trọn 1 màn hình, nội dung căn giữa dọc; tiêu đề phóng to.
   (Desktop bù zoom 0.75 → 100vh/.75; mobile dùng 100svh)
   ============================================================ */
[data-view="home"] .pt-sec{
  display:flex;
  align-items:center;
  min-height:100vh;
  min-height:100svh;
}
[data-view="home"] .pt-sec > .pt-wrap{width:100%}
@media(min-width:901px){
  [data-view="home"] .pt-sec{min-height:calc(100vh / var(--pgz, .75))}
}
/* Tiêu đề section to hơn cho xứng khung full màn */
[data-view="home"] .pt-h2{font-size:clamp(26px,4.2vw,44px)}
[data-view="home"] .pt-h2-bar{width:150px;margin:18px auto 38px}
@media(max-width:640px){
  [data-view="home"] .pt-h2{font-size:22px}
  [data-view="home"] .pt-h2-bar{width:100px;margin:12px auto 24px}
}

/* BXH GLASS (2026-07-21) — bảng xếp hạng kính trong suốt, viền BẠC */
.lb-ftmo-table{
  background:rgba(12,12,12,.3)!important;
  border:1px solid rgba(214,220,228,.28)!important;
  border-radius:14px!important;
  backdrop-filter:blur(10px);
  box-shadow:0 0 0 1px rgba(214,220,228,.06), 0 22px 60px -34px rgba(0,0,0,.8);
}
.lb-ftmo-table thead tr{background:rgba(214,220,228,.05)!important;color:#c9cdd4!important}
.lb-ftmo-table th{border-bottom:1px solid rgba(214,220,228,.2)!important}
.lb-ftmo-table td{border-bottom:1px solid rgba(214,220,228,.08)!important}
.lb-ftmo-table tbody tr:hover{background:rgba(214,220,228,.05)!important}
/* card từng dòng/ngày nếu render dạng card */
.lb-ftmo-card{
  background:rgba(12,12,12,.3)!important;
  border:1px solid rgba(214,220,228,.24)!important;
  backdrop-filter:blur(10px);
}
/* ô tra cứu + chip lọc đồng bộ kính bạc */
.lb-rank-search input{
  background:rgba(12,12,12,.4)!important;
  border:1px solid rgba(214,220,228,.26)!important;
  border-radius:10px!important;
  backdrop-filter:blur(6px);
}
#home-board .chips .chip{
  background:rgba(12,12,12,.34);
  border-color:rgba(214,220,228,.24);
}

/* ============================================================
   HOME CONTENT SCALE-UP (2026-07-21) — phóng to nội dung cho
   vừa khung fullpage (desktop ≥901px), gỡ bản thu 76% cũ.
   ============================================================ */
@media(min-width:901px){
  [data-view="home"] .pt-sec .pt-wrap{max-width:1340px}
  /* — GIẢI THƯỞNG: gỡ thu nhỏ 76%, phóng to podium — */
  .pt-hero-prizes .pt-prize-card{padding:30px 24px 26px}
  .pt-hero-prizes .pt-prize-top1{padding-top:38px}
  .pt-hero-prizes .pt-prize-medal{height:60px;margin-bottom:12px}
  .pt-hero-prizes .pt-prize-crown{height:66px}
  .pt-hero-prizes .pt-prize-rank{font-size:24px}
  .pt-hero-prizes .pt-prize-top1 .pt-prize-rank{font-size:30px}
  .pt-hero-prizes .pt-prize-val{font-size:16px;margin-bottom:14px}
  .pt-hero-prizes .pt-prize-top1 .pt-prize-val{font-size:19px}
  .pt-hero-prizes .pt-prize-img{max-height:130px;margin-bottom:14px}
  .pt-hero-prizes .pt-prize-img-top1{max-height:190px}
  .pt-hero-prizes .pt-prize-perks li{font-size:14px}
  .pt-hero-prizes .pt-lower-title{font-size:18px}
  .pt-hero-prizes .pt-lower-txt p{font-size:14.5px}
  .pt-hero-prizes .pt-lower-val{font-size:26px}
  .pt-hero-prizes .pt-lower-card{padding:22px 26px}
  /* — ĐIỀU KIỆN: 3 card to — */
  .pt-cond-grid{gap:28px}
  .pt-cond-card{padding:40px 32px}
  .pt-cond-ic{font-size:46px;margin-bottom:14px}
  .pt-cond-card>b{font-size:21px;margin-bottom:12px}
  .pt-cond-card p{font-size:16px;line-height:1.7}
  .pt-broker-item{font-size:15px;padding:11px 18px;gap:10px}
  .pt-broker-item img{width:26px;height:26px}
  /* — LUẬT CHƠI: 4 card to — */
  .pt-fair-grid{gap:26px}
  .pt-fair-card{padding:32px 30px;border-radius:22px;gap:20px}
  .pt-fair-ic{flex:0 0 64px;height:64px;font-size:30px;border-radius:18px}
  .pt-fair-txt > b{font-size:20px;margin-bottom:8px}
  .pt-fair-txt p{font-size:15.5px;line-height:1.68}
  /* — QUY TRÌNH: 4 step to — */
  .pt-steps-grid{gap:22px}
  .pt-step-card{padding:30px 24px}
  /* badge số bước GIỮ NHỎ gọn trong viên tròn (30px từng làm số tràn đè icon — fix 22/07) */
  .pt-step-num{font-size:12px;width:30px;height:30px}
  .pt-step-ic{font-size:34px}
  .pt-step-body b{font-size:20px}
  .pt-step-body p{font-size:15px}
  .pt-step-tag{font-size:13.5px}
  .pt-step-more{font-size:13px}
  /* — FAQ rộng + chữ to — */
  .pt-faq .pt-wrap-narrow{max-width:1120px}
  .faq summary{font-size:17.5px;padding:21px 52px 21px 24px}
  .faq p{font-size:15.5px;line-height:1.7}
  /* — BXH rộng hơn — */
  #home-board .leaderboard-panel{max-width:1240px}
  .pt-bxh-note{font-size:14px}
}

/* HOME SCALE-UP v2 (2026-07-21) — card cao theo % màn hình để nội dung
   lấp gần đầy khung fullpage (desktop, đã bù zoom .75) */
@media(min-width:901px){
  .pt-cond-card{
    min-height:calc(48vh / var(--pgz, .75));
    display:flex;flex-direction:column;justify-content:center;align-items:center;
  }
  .pt-cond-ic{font-size:54px;margin-bottom:18px}
  .pt-cond-card>b{font-size:23px;margin-bottom:14px}
  .pt-cond-card p{font-size:17px;max-width:340px}
  .pt-fair-card{min-height:calc(23vh / var(--pgz, .75))}
  .pt-fair-ic{flex:0 0 72px;height:72px;font-size:34px}
  .pt-fair-txt > b{font-size:21px}
  .pt-fair-txt p{font-size:16px}
  .pt-step-card{min-height:calc(36vh / var(--pgz, .75));justify-content:center}
  .pt-step-body b{font-size:21px}
  .pt-step-body p{font-size:15.5px}
  .pt-hero-prizes .pt-prize-img{max-height:150px}
  .pt-hero-prizes .pt-prize-img-top1{max-height:225px}
}

/* HOME SCALE-UP v3 — nâng chiều cao card lấp ~85% khung màn */
@media(min-width:901px){
  .pt-cond-card{min-height:calc(60vh / var(--pgz, .75))}
  .pt-fair-card{min-height:calc(28vh / var(--pgz, .75))}
  .pt-step-card{min-height:calc(50vh / var(--pgz, .75))}
}

/* HERO SCALE-UP (2026-07-21) — phóng to toàn bộ nội dung hero desktop */
@media(min-width:901px){
  .pt-title-arena{font-size:clamp(60px,7vw,112px)!important}
  .pt-hero-video .pt-wrap{max-width:1560px}
  .pt-hero-video .pt-hero-sub{font-size:clamp(18px,1.9vw,25px);max-width:920px;margin-bottom:28px}
  .pt-hero-video .pt-hero-cta{gap:16px}
  .pt-hero-video .pt-btn-xl{font-size:18px;padding:19px 46px;border-radius:14px}
  .pt-hero-stats{max-width:920px;margin-top:36px;padding-top:24px}
  .pt-stat b{font-size:clamp(32px,3.2vw,44px)}
  .pt-stat span{font-size:12.5px;margin-top:6px}
  .pt-hero-video .pt-hero-slogan{font-size:15px;margin-top:18px}
  .pt-hero-chips-hero{max-width:1040px;gap:10px;margin-top:24px}
  .pt-hero-chips-hero .pt-chip{font-size:13.5px;padding:9px 18px}
}

/* ============================================================
   NAV PILL (2026-07-21) — gom cả thanh top thành CON NHỘNG nổi:
   kính trong suốt, viền bạc nhẹ, spotlight + phóng to khi hover
   (hover scale do cursor-fx.js v4 xử lý — .nav .wrap trong REACT_SEL)
   ============================================================ */
@media(min-width:881px){
  .nav{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:12px 0!important;
  }
  .nav .wrap{
    background:rgba(10,10,10,.44)!important;
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
    border:1px solid rgba(214,220,228,.24)!important;
    border-radius:999px!important;
    padding:8px 12px 8px 22px!important;
    max-width:1220px;
    box-shadow:0 16px 44px -24px rgba(0,0,0,.85);
    position:relative;
  }
  /* spotlight ring theo con trỏ trên viền nhộng (cùng hệ --spx/--spy) */
  .nav .wrap::after{
    content:"";
    pointer-events:none;
    position:absolute;
    inset:0;
    border-radius:999px;
    padding:1.5px;
    background:
      radial-gradient(280px 280px at var(--spx) var(--spy), rgba(255,222,130,.95), rgba(242,205,110,.25) 55%, transparent 76%) fixed,
      linear-gradient(rgba(214,220,228,.12), rgba(214,220,228,.12));
    -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask-composite:exclude;
    z-index:1;
  }
  .nav .links a{border-radius:999px;transition:background .2s ease,color .2s ease}
  .nav .links a:hover{background:rgba(214,220,228,.09)}
  .nav-timebar{border-radius:999px!important}
}

/* ============================================================
   MOBILE TOUCH FX (2026-07-21) — bản cảm ứng của hiệu ứng con trỏ:
   chạm → viền loé vàng tại điểm chạm (class kn-touch-glow ~0.75s),
   nhấn giữ → phóng to + phát sáng như hover desktop.
   ============================================================ */
@media(pointer:coarse){
  /* Loé viền vàng tại điểm chạm (JS set --spx/--spy + kn-touch-glow) */
  html.kn-touch-glow .pt-glass::after,
  html.kn-touch-glow .card::after,
  html.kn-touch-glow .tier::after,
  html.kn-touch-glow .step::after,
  html.kn-touch-glow .feat::after,
  html.kn-touch-glow .rule::after,
  html.kn-touch-glow .cta-box::after,
  html.kn-touch-glow .tele-box::after,
  html.kn-touch-glow .mr-card::after,
  html.kn-touch-glow .wp-sec::after,
  html.kn-touch-glow .wp-card::after,
  html.kn-touch-glow .wp-toc::after,
  html.kn-touch-glow .faq::after,
  html.kn-touch-glow .reg-step-card::after{
    background:
      radial-gradient(240px 240px at var(--spx) var(--spy), rgba(255,222,130,.95), rgba(242,205,110,.28) 55%, transparent 76%) fixed,
      linear-gradient(rgba(212,212,212,.13), rgba(212,212,212,.13));
    transition:background .2s ease;
  }
  /* Nhấn = phóng to + phát sáng (feedback tức thì) */
  .pt-btn,.btn,.pt-portal-btn,.pt-chip,.pt-broker-item,
  .pt-glass,.card,.wp-sec,.wp-card,.wp-toc,.rule,.faq,.reg-step-card,
  .mr-card,.win-row,.tier,.step,.feat,.lb-ftmo-card{
    transition:transform .16s ease, box-shadow .22s ease;
  }
  .pt-btn:active,.btn:active,.pt-portal-btn:active,
  .pt-chip:active,.pt-broker-item:active{
    transform:scale(1.06);
    box-shadow:0 0 26px -2px rgba(232,184,75,.55), 0 0 0 1px rgba(214,220,228,.35);
  }
  .pt-glass:active,.card:active,.wp-sec:active,.wp-card:active,.wp-toc:active,
  .rule:active,.faq:active,.reg-step-card:active,.mr-card:active,.win-row:active,
  .tier:active,.step:active,.feat:active,.lb-ftmo-card:active{
    transform:scale(1.025);
    box-shadow:0 0 34px -4px rgba(232,184,75,.5), 0 0 70px -20px rgba(232,184,75,.45), 0 0 0 1px rgba(214,220,228,.32);
  }
}

/* ============================================================
   BXH HOVER FX (2026-07-21) — 3 card Top + 7 hàng dưới phát sáng
   & phản ứng con trỏ (block BXH GLASS trước đó lỡ đè mất hover)
   ============================================================ */
/* 3 card Top 1-3 */
.lb-ftmo-card{overflow:visible!important}
.lb-ftmo-card:hover{
  border-color:rgba(255,222,130,.65)!important;
  box-shadow:
    0 0 0 1px rgba(255,222,130,.4),
    0 0 30px -4px rgba(232,184,75,.55),
    0 0 74px -16px rgba(232,184,75,.5),
    0 24px 70px -36px rgba(0,0,0,.8)!important;
  transform:translateY(-5px) scale(1.03);
}
/* 7 hàng #4-10 trong bảng */
.lb-ftmo-table tbody tr{
  transition:background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.lb-ftmo-table tbody tr:hover{
  background:rgba(232,184,75,.08)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,222,130,.38),
    inset 0 0 30px -10px rgba(232,184,75,.42);
  transform:scale(1.006);
}
.lb-ftmo-table tbody tr:hover td{color:#fff}
/* Mobile: chạm cũng phản ứng */
@media(pointer:coarse){
  .lb-ftmo-card:active{
    transform:scale(1.025);
    border-color:rgba(255,222,130,.6)!important;
    box-shadow:0 0 30px -4px rgba(232,184,75,.5), 0 0 0 1px rgba(255,222,130,.35)!important;
  }
  .lb-ftmo-table tbody tr:active{
    background:rgba(232,184,75,.1)!important;
    box-shadow:inset 0 0 0 1px rgba(255,222,130,.4);
  }
}

/* ============================================================
   PODIUM STAGE (2026-07-21) — sân khấu vinh danh 3 giải:
   cột sáng rọi + đế sàn phản quang + viền thở + Top1 tôn cao
   ============================================================ */
/* chip CHAMPION không bị cắt + thành huy hiệu nổi */
.pt-prize-card{overflow:visible!important}
.pt-champ-chip{
  top:-17px;
  z-index:6;
  font-size:13px;
  padding:7px 24px;
  border:1px solid #fff3c4;
  box-shadow:0 8px 24px -8px rgba(255,195,50,.8), 0 0 0 3px rgba(255,216,84,.18);
}
/* Top1 tôn cao khỏi 2 bên (margin để không đụng transform của cursor-fx) */
@media(min-width:901px){
  .pt-prize-top1{margin-top:-18px}
  .pt-hero-prizes .pt-prize-crown{height:78px}
}
/* Cột sáng rọi từ trên + đế sàn phản quang (đè ::before của PODIUM AURA) */
.pt-prize-card.pt-prize-top1::before{
  background:
    radial-gradient(72% 52% at 50% 0%, rgba(255,216,84,.17), transparent 70%),
    radial-gradient(58% 15% at 50% 101%, rgba(255,205,80,.42), transparent 80%)!important;
}
.pt-prize-card.pt-prize-2::before{
  background:
    radial-gradient(72% 52% at 50% 0%, rgba(226,232,240,.13), transparent 70%),
    radial-gradient(58% 15% at 50% 101%, rgba(214,222,232,.36), transparent 80%)!important;
}
.pt-prize-card.pt-prize-3::before{
  background:
    radial-gradient(72% 52% at 50% 0%, rgba(224,138,74,.14), transparent 70%),
    radial-gradient(58% 15% at 50% 101%, rgba(205,127,50,.38), transparent 80%)!important;
}
/* Cúp / vương miện phát quang đúng màu hạng */
.pt-prize-top1 .pt-prize-medal{filter:drop-shadow(0 0 22px rgba(255,205,80,.65)) drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.pt-prize-2 .pt-prize-medal{filter:drop-shadow(0 0 18px rgba(214,222,232,.55)) drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.pt-prize-3 .pt-prize-medal{filter:drop-shadow(0 0 18px rgba(224,138,74,.6)) drop-shadow(0 6px 14px rgba(0,0,0,.5))}
/* Ảnh giải thưởng nổi khối */
.pt-prize-img{filter:drop-shadow(0 14px 30px rgba(0,0,0,.55))}
/* Viền kim loại THỞ sáng (ring ::after của PODIUM AURA) */
@media (prefers-reduced-motion: no-preference){
  .pt-prize-card.pt-prize-top1::after{animation:ptRingBreath 2.6s ease-in-out infinite alternate}
  .pt-prize-card.pt-prize-2::after{animation:ptRingBreath 3s ease-in-out infinite alternate}
  .pt-prize-card.pt-prize-3::after{animation:ptRingBreath 3.4s ease-in-out infinite alternate}
  @keyframes ptRingBreath{
    from{filter:brightness(.85)}
    to{filter:brightness(1.6) saturate(1.15)}
  }
  /* vương miện Top1 lơ lửng nhẹ */
  .pt-prize-crown{animation:ptCrownFloat 3.4s ease-in-out infinite alternate}
  @keyframes ptCrownFloat{
    from{transform:translateY(0)}
    to{transform:translateY(-7px)}
  }
}
@media(max-width:640px){
  .pt-champ-chip{top:-13px;font-size:11px;padding:5px 16px}
}

/* STEPS WIDER (2026-07-21) — card Quy Trình rộng ra, thấp bớt, cân đối */
@media(min-width:901px){
  [data-view="home"] .pt-steps .pt-wrap{max-width:1600px}
  .pt-step-card{min-height:calc(36vh / var(--pgz, .75));padding:34px 30px 28px}
  .pt-steps-grid{gap:18px}
  .pt-step-arrow{flex:0 0 auto;padding:0 4px}
  /* dồn nội dung cân giữa, bớt khoảng ruột trống */
  .pt-step-body{justify-content:center;gap:12px}
  .pt-step-body p{max-width:280px}
}

/* HIDDEN FIX (2026-07-21) — .btn có display:inline-flex đè mất thuộc tính
   [hidden] (bài học modal cũ) → nút "Gửi đăng ký" lộ ở mọi bước wizard.
   Ép mọi phần tử [hidden] thật sự ẩn. */
[hidden]{display:none!important}

/* SUPPORT POPUP ACTIONS (2026-07-21) — 2 nút chính sau khi gửi form:
   Vào Group cuộc thi (xanh Telegram) + Nhắn nhân viên phụ trách (vàng) */
.support-popup-actions{
  display:grid;
  gap:10px;
  margin:0 0 14px;
}
.support-popup-btn{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:50px;
  padding:13px 18px;
  border-radius:14px;
  font-size:15px;
  font-weight:900;
  text-decoration:none;
  transition:transform .16s ease, box-shadow .2s ease, filter .2s ease;
}
.support-popup-btn:hover{transform:translateY(-2px) scale(1.02)}
.support-popup-btn-group{
  color:#fff;
  background:linear-gradient(135deg,#2AABEE,#1d8fd1);
  border:1px solid rgba(140,210,255,.5);
  box-shadow:0 12px 30px -14px rgba(42,171,238,.7);
}
.support-popup-btn-group:hover{box-shadow:0 16px 38px -14px rgba(42,171,238,.9)}
.support-popup-btn-staff{
  color:#241a00;
  background:linear-gradient(135deg,#f5dd9a,#e8b84b 55%,#c9962e);
  border:1px solid rgba(255,240,200,.6);
  box-shadow:0 12px 30px -14px rgba(232,184,75,.7);
}
.support-popup-btn-staff:hover{box-shadow:0 16px 38px -14px rgba(232,184,75,.9)}

/* PERK BADGES (2026-07-21) — 2 đặc quyền Top 1 thành huy hiệu vàng */
.pt-prize-perks{
  display:grid;
  gap:8px;
  margin:2px 0 16px;
  line-height:1.4;
}
.pt-prize-perks li{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(242,202,80,.32);
  background:linear-gradient(90deg, rgba(242,202,80,.1), rgba(242,202,80,.03) 60%, transparent);
  color:#e9dfc4;
  font-size:13px;
  font-weight:600;
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,240,200,.08);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.pt-prize-perks li:hover{
  border-color:rgba(255,222,130,.6);
  box-shadow:inset 0 1px 0 rgba(255,240,200,.12), 0 0 18px -6px rgba(232,184,75,.45);
}
.pt-prize-perks li b{
  background:linear-gradient(90deg,#ffe9a8,#f2ca50 55%,#e8b84b);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  font-weight:900;
}
.pt-perk-ic{
  flex:0 0 26px;
  height:26px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(242,202,80,.14);
  border:1px solid rgba(242,202,80,.38);
  font-size:13px;
  filter:drop-shadow(0 0 6px rgba(232,184,75,.5));
}
@media(max-width:640px){
  .pt-prize-perks{gap:6px;margin-bottom:12px}
  .pt-prize-perks li{padding:7px 11px;font-size:11.5px;gap:8px}
  .pt-perk-ic{flex-basis:22px;height:22px;font-size:11px}
}

/* WP FLAT FIX (2026-07-21) — trang Thể lệ: .wp-sec/.wp-doc là VĂN BẢN phẳng,
   không phải card. Block SITE-WIDE lỡ đóng hộp tất cả → trả về phẳng.
   (.wp-toc mục lục + .wp-card giữ dạng card vì gốc vốn là card) */
.wp-sec,.wp-doc{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.wp-sec{border-bottom:1px solid rgba(214,220,228,.1)!important;padding:0 0 30px!important}
.wp-sec:last-child{border-bottom:0!important}
.wp-sec::before,.wp-sec::after,
.wp-doc::before,.wp-doc::after{display:none!important;content:none!important}

/* WP SCALE +10% (2026-07-21) — phóng to nội dung trang Thể lệ */
.wp-doc{max-width:910px}
.wp-sec h3{font-size:clamp(22px,3.3vw,29px)!important}
.wp-sec p{font-size:17px!important;line-height:1.78!important}
.wp-list,.wp-rules{font-size:16.5px!important;line-height:1.75!important}
.wp-toc{padding:26px 30px}
.wp-toc a{font-size:16px}
.wp-note{font-size:15px}
.wp-card p,.wp-card li{font-size:16px}
@media(max-width:640px){
  .wp-sec h3{font-size:20px!important}
  .wp-sec p{font-size:15px!important}
  .wp-list,.wp-rules{font-size:14.5px!important}
}

/* ============================================================
   MOBILE FINAL POLISH (2026-07-21)
   1) Đồng hồ "Thời gian đăng ký còn lại" xếp 2 tầng gọn trên topbar
   2) PERF: tắt backdrop-blur ở card/chip trên mobile (GPU yếu) —
      giữ blur cho nav/drawer; cuộn mượt hơn hẳn
   ============================================================ */
@media(max-width:880px){
  #nav-timebar{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    gap:1px!important;
    padding:5px 11px!important;
    width:auto!important;
  }
  #nav-timebar span{
    display:block!important;
    font-size:8.5px!important;
    letter-spacing:.05em;
    text-transform:uppercase;
    white-space:nowrap;
    opacity:.85;
    line-height:1.1;
  }
  #nav-timebar b{
    font-size:12.5px!important;
    line-height:1.1;
    white-space:nowrap;
  }
}
@media(max-width:640px){
  .pt-glass,.panel,.card,.reg-step-card,.faq,.wp-toc,.wp-card,
  .pt-chip,.pt-broker-item,.lb-ftmo-table,.lb-ftmo-card,
  .pt-lower-card,.pt-cond-card,.pt-fair-card,.pt-step-card{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* ============================================================
   COND RICH CARDS (2026-07-21) — card Điều Kiện kiểu Kahoot:
   badge + icon + tiêu đề + checklist + CTA + visual lấp đáy.
   Huỷ min-height 60vh căn giữa rỗng của scale-up cũ.
   ============================================================ */
.pt-sec-sub{
  margin:-16px auto 34px;
  text-align:center;
  color:#9a9da3;
  font-size:15.5px;
  max-width:640px;
  line-height:1.6;
}
.pt-cond-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  text-align:left;
  min-height:0!important;
  justify-content:flex-start!important;
  padding:26px 24px 22px!important;
}
.pt-cond-badge{
  position:absolute;
  top:16px;right:16px;
  padding:5px 13px;
  border-radius:999px;
  font-size:10.5px;font-weight:900;letter-spacing:.09em;
  background:rgba(232,184,75,.13);
  border:1px solid rgba(232,184,75,.45);
  color:#f5dd9a;
}
.pt-cond-card .pt-cond-ic{font-size:40px!important;margin-bottom:12px!important;text-align:left}
.pt-cond-card>b{font-size:20px!important;text-align:left;margin-bottom:8px!important}
.pt-cond-card p{font-size:14.5px!important;max-width:none!important;text-align:left;margin-bottom:0}
.pt-cond-card .hl-brand{color:var(--gold);font-weight:800}
.pt-cond-list{
  list-style:none;
  margin:14px 0 0;padding:0;
  display:grid;gap:9px;
}
.pt-cond-list li{
  display:flex;gap:10px;align-items:flex-start;
  color:#c9cdd4;font-size:13.5px;line-height:1.5;
}
.pt-cond-list li::before{
  content:"✓";
  flex:0 0 auto;
  color:#f2ca50;font-weight:900;
  text-shadow:0 0 8px rgba(242,202,80,.5);
}
.pt-cond-price{
  font-family:"Montserrat",var(--font-display);
  font-size:46px;font-weight:900;line-height:1;
  margin:4px 0 10px;
  background:linear-gradient(90deg,#ffe9a8,#f2ca50 55%,#e8b84b);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.pt-cond-price small{font-size:20px;font-weight:800}
.pt-cond-cta{margin-top:18px;width:100%;justify-content:center}
.pt-cond-visual{
  margin-top:16px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(214,220,228,.14);
  background:rgba(255,255,255,.02);
}
.pt-cond-visual img{display:block;width:100%;height:150px;object-fit:cover;object-position:center 62%;opacity:.92}
.pt-cond-visual-cash img{object-fit:contain;padding:8px;height:150px}
.pt-cond-brokers{
  margin-top:16px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:8px;
  justify-content:stretch;
}
.pt-cond-brokers .pt-broker-item{justify-content:center}
@media(min-width:901px){
  .pt-cond-card{min-height:0!important}
}
@media(max-width:640px){
  .pt-sec-sub{font-size:13px;margin:-8px auto 22px}
  .pt-cond-card{padding:20px 16px 16px!important}
  .pt-cond-card .pt-cond-ic{font-size:32px!important}
  .pt-cond-card>b{font-size:17px!important}
  .pt-cond-price{font-size:36px}
  .pt-cond-visual img{height:120px}
}

/* STEP CARDS FILL (2026-07-21) — lấp ruột trống card Quy Trình */
.pt-step-list{
  list-style:none;
  margin:12px 0;
  padding:0;
  display:grid;
  gap:8px;
  text-align:left;
  width:100%;
}
.pt-step-list li{
  display:flex;gap:9px;align-items:flex-start;
  color:#c9cdd4;font-size:13px;line-height:1.5;
}
.pt-step-list li::before{
  content:"✓";flex:0 0 auto;
  color:#f2ca50;font-weight:900;
  text-shadow:0 0 8px rgba(242,202,80,.5);
}
@media(min-width:901px){
  .pt-step-card{min-height:calc(42vh / var(--pgz, .75))}
  .pt-step-list li{font-size:13.5px}
}
@media(max-width:640px){
  .pt-step-list{gap:6px;margin:9px 0}
  .pt-step-list li{font-size:12px}
}

/* ============================================================
   HORIZON GLOW (2026-07-21) — chuyển section kiểu FTMO:
   đường chân trời sáng + quầng glow mềm lan xuống, luân phiên
   VÀNG (lớp lẻ) ↔ BẠC (lớp chẵn) đúng chủ đề Obsidian.
   (Nâng cấp ::before divider cũ — cùng selector, đứng sau thắng)
   ============================================================ */
[data-view="home"] .pt-sec::before{
  content:"";
  position:absolute;
  top:0;left:50%;transform:translateX(-50%);
  width:min(1500px,100%);
  height:150px;
  pointer-events:none;
  background:
    radial-gradient(48% 120px at 50% 0, rgba(232,184,75,.14), rgba(232,184,75,.04) 55%, transparent 75%),
    linear-gradient(90deg, transparent, rgba(255,222,130,.65) 38%, #ffe9a8 50%, rgba(255,222,130,.65) 62%, transparent);
  background-repeat:no-repeat;
  background-size:100% 100%, min(1160px,88%) 1px;
  background-position:center top, center top;
}
[data-view="home"] .pt-sec:nth-of-type(even)::before{
  background:
    radial-gradient(48% 120px at 50% 0, rgba(214,220,228,.13), rgba(214,220,228,.04) 55%, transparent 75%),
    linear-gradient(90deg, transparent, rgba(226,232,240,.6) 38%, #f2f4f7 50%, rgba(226,232,240,.6) 62%, transparent);
  background-repeat:no-repeat;
  background-size:100% 100%, min(1160px,88%) 1px;
  background-position:center top, center top;
}
/* Chân trời VÀNG trên footer (như FTMO) */
footer{position:relative}
footer::before{
  content:"";
  position:absolute;
  top:0;left:50%;transform:translateX(-50%);
  width:min(1500px,100%);
  height:120px;
  pointer-events:none;
  background:
    radial-gradient(46% 100px at 50% 0, rgba(232,184,75,.15), transparent 72%),
    linear-gradient(90deg, transparent, rgba(255,222,130,.6) 40%, #ffe9a8 50%, rgba(255,222,130,.6) 60%, transparent);
  background-repeat:no-repeat;
  background-size:100% 100%, min(1160px,88%) 1px;
  background-position:center top, center top;
}
@media(max-width:640px){
  [data-view="home"] .pt-sec::before,
  [data-view="home"] .pt-sec:nth-of-type(even)::before{height:90px}
  footer::before{height:70px}
}

/* ===== PODIUM VANG / BAC / DONG — Top 1/2/3 kim loai sang thuong truc (2026-07-21) =====
   Yeu cau anh: card top 1-2-3 nhu mau phan thuong, sang mac dinh, khong can hover. */
.lb-ftmo-card.lb-ftmo-rank-1{
  border:1px solid rgba(240,205,95,.85)!important;
  background:
    linear-gradient(150deg, rgba(240,205,95,.22), rgba(150,106,30,.14) 42%, rgba(26,21,10,.95) 80%),
    radial-gradient(circle at 82% 0, rgba(255,220,120,.32), transparent 46%) !important;
  box-shadow:
    0 0 34px -4px rgba(240,205,95,.55),
    inset 0 1px 0 rgba(255,232,160,.45),
    inset 0 -18px 34px -26px rgba(240,205,95,.5),
    0 18px 40px -30px rgba(0,0,0,.9);
}
.lb-ftmo-card.lb-ftmo-rank-2{
  border:1px solid rgba(214,220,228,.7)!important;
  background:
    linear-gradient(150deg, rgba(214,220,228,.16), rgba(120,128,140,.12) 42%, rgba(18,20,24,.95) 80%),
    radial-gradient(circle at 82% 0, rgba(230,236,244,.22), transparent 46%) !important;
  box-shadow:
    0 0 28px -6px rgba(214,220,228,.45),
    inset 0 1px 0 rgba(240,244,250,.4),
    inset 0 -18px 34px -26px rgba(214,220,228,.35),
    0 18px 40px -30px rgba(0,0,0,.9);
}
.lb-ftmo-card.lb-ftmo-rank-3{
  border:1px solid rgba(205,138,74,.75)!important;
  background:
    linear-gradient(150deg, rgba(205,138,74,.18), rgba(120,72,32,.14) 42%, rgba(22,15,9,.95) 80%),
    radial-gradient(circle at 82% 0, rgba(224,155,94,.26), transparent 46%) !important;
  box-shadow:
    0 0 28px -6px rgba(205,138,74,.5),
    inset 0 1px 0 rgba(236,178,120,.4),
    inset 0 -18px 34px -26px rgba(205,138,74,.4),
    0 18px 40px -30px rgba(0,0,0,.9);
}
/* Nhan "Top N" + so hang nhuom mau kim loai tuong ung */
.lb-ftmo-rank-1 .lb-ftmo-top-label,.lb-ftmo-rank-1 .lb-ftmo-rank{color:#f2ca50;text-shadow:0 0 14px rgba(242,202,80,.55)}
.lb-ftmo-rank-2 .lb-ftmo-top-label,.lb-ftmo-rank-2 .lb-ftmo-rank{color:#dde3ea;text-shadow:0 0 12px rgba(221,227,234,.5)}
.lb-ftmo-rank-3 .lb-ftmo-top-label,.lb-ftmo-rank-3 .lb-ftmo-rank{color:#e09b5e;text-shadow:0 0 12px rgba(224,155,94,.5)}
/* Hover chi nhac nhe them, mau da sang san */
.lb-ftmo-card.lb-ftmo-rank-1:hover{border-color:rgba(255,224,130,.95)}
.lb-ftmo-card.lb-ftmo-rank-2:hover{border-color:rgba(235,240,246,.9)}
.lb-ftmo-card.lb-ftmo-rank-3:hover{border-color:rgba(226,160,100,.9)}

/* ===== CUP + VUONG MIEN trong card Top 1-3 BXH (2026-07-21, dung bo hinh phan giai thuong) ===== */
.rank-trophy img{width:100%;height:100%;object-fit:contain;display:block}
.lb-ftmo-trophy{width:46px;height:46px;flex:0 0 46px;display:inline-flex;align-items:center;justify-content:center}
.lb-ftmo-rank-1 .lb-ftmo-trophy{width:56px;height:56px;flex-basis:56px;filter:drop-shadow(0 0 12px rgba(242,202,80,.7))}
.lb-ftmo-rank-2 .lb-ftmo-trophy{filter:drop-shadow(0 0 9px rgba(214,220,228,.6))}
.lb-ftmo-rank-3 .lb-ftmo-trophy{filter:drop-shadow(0 0 9px rgba(205,138,74,.6))}
/* icon nho trong tieu de phan thuong (rank-title) cung dung anh */
.rank-title .rank-trophy{width:22px;height:22px;display:inline-flex;vertical-align:middle}

/* ===== MOBILE PASTE (2026-07-21 dem): dam bao moi o nhap deu dan/copy duoc ===== */
input,textarea,select{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}

/* ===== BXH header gon (22/07): bo cum TOP10/tab/ngay — chi con o tra cuu, canh giua, to hon ===== */
.leaderboard-titlebar.lb-search-center{justify-content:center!important}
.lb-rank-search-big{display:flex;gap:8px;width:min(500px,100%)}
.lb-rank-search-big input{flex:1;padding:12px 18px!important;font-size:15px!important;border-radius:999px!important}
.lb-rank-search-big .btn{padding:12px 24px!important;font-size:14px!important;border-radius:999px!important;white-space:nowrap}

/* ===== HIỆU ỨNG "THỞ" — web sống động (2026-07-22, lệnh anh) ===== */
@keyframes knBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
@keyframes knGlowGold{0%,100%{box-shadow:0 0 26px -6px rgba(240,205,95,.42), inset 0 1px 0 rgba(255,232,160,.4)}50%{box-shadow:0 0 48px 2px rgba(240,205,95,.72), inset 0 1px 0 rgba(255,240,190,.6)}}
@keyframes knGlowSilver{0%,100%{box-shadow:0 0 22px -8px rgba(214,220,228,.4)}50%{box-shadow:0 0 40px 0 rgba(230,236,244,.6)}}
@keyframes knGlowBronze{0%,100%{box-shadow:0 0 22px -8px rgba(205,138,74,.42)}50%{box-shadow:0 0 40px 0 rgba(224,155,94,.62)}}
@keyframes knFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes knShine{0%{background-position:-160% 0}60%,100%{background-position:260% 0}}

/* 3 thẻ giải thưởng thở + glow, lệch pha nhau cho tự nhiên */
.pt-prize-card{animation:knBreathe 4.2s ease-in-out infinite}
.pt-prize-top1{animation:knBreathe 4s ease-in-out infinite, knGlowGold 3.6s ease-in-out infinite}
.pt-prize-2{animation:knBreathe 4.6s ease-in-out .5s infinite, knGlowSilver 4s ease-in-out .3s infinite}
.pt-prize-3{animation:knBreathe 4.4s ease-in-out .9s infinite, knGlowBronze 4.2s ease-in-out .6s infinite}
/* Cúp + vương miện bồng bềnh */
.pt-prize-medal,.pt-prize-crown{animation:knFloat 3.4s ease-in-out infinite}
.pt-prize-top1 .pt-prize-crown{animation:knFloat 3s ease-in-out .2s infinite}
.pt-prize-3 .pt-prize-medal{animation:knFloat 3.6s ease-in-out .5s infinite}
/* Badge CHAMPION nhấp nháy nhẹ */
.pt-champ-chip{animation:knGlowGold 2.8s ease-in-out infinite}

/* Podium BXH cũng thở nhẹ (giữ nền gradient, chỉ pulse glow) */
.lb-ftmo-rank-1{animation:knGlowGold 3.8s ease-in-out infinite}
.lb-ftmo-rank-2{animation:knGlowSilver 4.2s ease-in-out .3s infinite}
.lb-ftmo-rank-3{animation:knGlowBronze 4s ease-in-out .6s infinite}
.lb-ftmo-rank-1 .lb-ftmo-trophy,.lb-ftmo-rank-2 .lb-ftmo-trophy,.lb-ftmo-rank-3 .lb-ftmo-trophy{animation:knFloat 3.4s ease-in-out infinite}

/* (bỏ guard reduce-motion để hiệu ứng luôn chạy — lệnh anh) */

/* ===== QUY TRÌNH THAM GIA — thẻ màu FTMO + gợn sóng mặt hồ (2026-07-22) ===== */
.pt-steps-grid .pt-step-card{position:relative;isolation:isolate}
.pt-steps-grid .pt-step-card > *{position:relative;z-index:2}
/* aura màu ở đỉnh thẻ (tĩnh — luôn hiện, đỡ trống) */
.pt-steps-grid .pt-step-card::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(130% 78% at 50% -18%, var(--sa,rgba(240,205,95,.30)), transparent 60%);}
/* lớp GỢN SÓNG ở đáy (động) */
.pt-steps-grid .pt-step-card::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;overflow:hidden;
  background:
    radial-gradient(85% 48% at 24% 122%, var(--sb,rgba(240,205,95,.34)), transparent 60%),
    radial-gradient(80% 46% at 78% 126%, var(--sb,rgba(240,205,95,.30)), transparent 58%),
    linear-gradient(100deg, transparent 32%, rgba(255,255,255,.10) 48%, rgba(255,255,255,.02) 56%, transparent 68%);
  background-size:100% 100%,100% 100%,220% 100%;
  background-repeat:no-repeat;
  animation:knWaveBob 4.6s ease-in-out infinite, knWaveShine 5s linear infinite;transform-origin:50% 100%}
@keyframes knWaveBob{0%,100%{transform:translateY(7%) scaleY(1)}50%{transform:translateY(-6%) scaleY(1.14)}}
@keyframes knWaveShine{0%{background-position:0 0,0 0,-70% 0}100%{background-position:0 0,0 0,180% 0}}
/* 4 màu như FTMO — nền vẫn tối */
.pt-steps-grid .pt-step-card:nth-child(1){--sa:rgba(67,140,255,.32);--sb:rgba(67,140,255,.34);border-color:rgba(67,140,255,.30)!important}
.pt-steps-grid .pt-step-card:nth-child(3){--sa:rgba(52,205,140,.32);--sb:rgba(52,205,140,.34);border-color:rgba(52,205,140,.30)!important}
.pt-steps-grid .pt-step-card:nth-child(5){--sa:rgba(163,115,255,.32);--sb:rgba(163,115,255,.34);border-color:rgba(163,115,255,.30)!important}
.pt-steps-grid .pt-step-card:nth-child(7){--sa:rgba(240,190,70,.34);--sb:rgba(240,190,70,.36);border-color:rgba(240,190,70,.36)!important}
/* icon thành vòng tròn phát sáng theo màu thẻ */
.pt-steps-grid .pt-step-card .pt-step-ic{display:inline-grid;place-content:center;width:54px;height:54px;border-radius:50%;font-size:26px;
  background:radial-gradient(circle at 50% 35%, var(--sa), rgba(12,12,14,.6));border:1px solid var(--sa);
  box-shadow:0 0 26px -6px var(--sa), inset 0 1px 0 rgba(255,255,255,.14)}
.pt-steps-grid .pt-step-card:hover{transform:translateY(-4px)}
.pt-steps-grid .pt-step-card:hover::after{animation-duration:4.5s}

/* ===== QUY TRÌNH: bỏ khoảng trống giữa + thu gọn chiều cao card (2026-07-22) ===== */
.pt-steps-grid .pt-step-card{padding:18px 18px 15px!important}
.pt-steps-grid .pt-step-top{width:64px!important;height:64px!important;margin:0 auto 10px!important}
.pt-steps-grid .pt-step-body{justify-content:flex-start}
.pt-steps-grid .pt-step-body b{margin-bottom:2px}
.pt-steps-grid .pt-step-body p{margin:2px 0 8px}
.pt-steps-grid .pt-step-list{margin:8px 0!important;gap:6px!important}
.pt-steps-grid .pt-step-tag{margin-top:10px!important}   /* KHÔNG còn margin-top:auto đẩy xuống đáy */
.pt-steps-grid .pt-step-more{margin-top:8px}
@media(min-width:901px){.pt-steps-grid .pt-step-card .pt-step-ic{width:48px;height:48px;font-size:23px}}

/* ==== FIX Ô TRA CỨU MOBILE (22/07): rule mobile chung `.btn{width:100%}` đè nút "Tra cứu"
   làm nút phình hết hàng, input teo còn vòng tròn 38px. Ép lại: input giãn, nút ôm chữ. ==== */
.lb-rank-search-big{flex-wrap:nowrap}
.lb-rank-search-big input{flex:1 1 auto!important;min-width:0}
.lb-rank-search-big .btn{width:auto!important;flex:0 0 auto!important}

/* ==== 22/07 (lệnh anh): BỎ GỢN SÓNG + animation khu đăng ký dự thi — về kính trong suốt
   phản ứng con trỏ (cùng hệ spotlight --spx/--spy như card toàn site) ==== */
/* Thẻ "Quy trình tham gia": tắt aura màu FTMO + lớp sóng knWaveBob/knWaveShine */
.pt-steps-grid .pt-step-card{background:rgba(12,12,12,.34)!important;border-color:rgba(212,212,212,.12)!important}
.pt-steps-grid .pt-step-card::before{content:none!important}
.pt-steps-grid .pt-step-card::after{
  content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;padding:1.5px;
  background:
    radial-gradient(300px 300px at var(--spx) var(--spy), rgba(255,222,130,1), rgba(242,205,110,.3) 55%, transparent 78%) fixed,
    linear-gradient(rgba(212,212,212,.1), rgba(212,212,212,.1));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
          mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask-composite:exclude;
  animation:none!important;transform:none!important;z-index:1;
}
/* Form đăng ký (3 bước): card kính trong suốt + viền spotlight, bỏ animation chuyển bước */
.reg-step{animation:none!important}
.reg-step-card{position:relative;background:rgba(12,12,12,.34)!important;border-color:rgba(212,212,212,.12)!important}
.reg-step-card::after{
  content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;padding:1.5px;
  background:
    radial-gradient(300px 300px at var(--spx) var(--spy), rgba(255,222,130,1), rgba(242,205,110,.3) 55%, transparent 78%) fixed,
    linear-gradient(rgba(212,212,212,.1), rgba(212,212,212,.1));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
          mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask-composite:exclude;
  z-index:1;
}

/* ==== 22/07 (lệnh anh): tiêu đề 3 card ĐIỀU KIỆN ra GIỮA + nhấn mạnh vàng kim ==== */
.pt-cond-card>b{
  text-align:center;
  background:linear-gradient(180deg,#fff0bd,#e8b84b 80%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  letter-spacing:.03em;text-transform:uppercase;
}
.pt-cond-card>.pt-cond-price{text-align:center}
/* ==== Bảo hiểm DÁN/THẢ cho form đăng ký (mọi thiết bị, kể cả webview) ==== */
.reg-guided input,.reg-guided textarea{
  user-select:text!important;-webkit-user-select:text!important;
  -webkit-touch-callout:default!important;
}

/* ==== 22/07 MOBILE UNIVERSAL FIT (lệnh anh): khớp mọi dòng máy iP/SS/Android ==== */
@media(max-width:900px){
  /* iOS KHÔNG auto-zoom khi chạm ô nhập: mọi input/select/textarea >=16px */
  input,select,textarea{font-size:16px!important}
  /* Vùng bấm chuẩn ngón tay (Apple HIG >=44px) */
  .mobile-bar .btn{min-height:48px}
  .nav-toggle{min-width:44px;min-height:44px}
  .nav .links a{min-height:44px}
  .pt-portal-btn{min-height:44px}
  /* Safe-area iPhone (tai thỏ + thanh home): nút đáy không bị đè, nav không hụt vào notch ngang */
  .mobile-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
  footer{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  .nav{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
  /* Chữ dài (điều kiện, ghi chú) không bao giờ tràn ô trên máy hẹp */
  .pt-cond-list li,.wp-list li,.rule-note,.pt-step-tag{overflow-wrap:anywhere}
}
/* (bù specificity cho 2 rule bị style cũ đè) */
@media(max-width:900px){
  html body input,html body select,html body textarea,
  .reg-guided .register-form input,.mt5-account-row input{font-size:16px!important}
  html body .mobile-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}
}

/* ==== 22/07 FIX 2 THANH CUỘN PC: body có overflow-x:hidden (rule cũ) → trình duyệt tự sinh
   overflow-y:auto → body thành vùng cuộn RIÊNG chồng lên thanh cuộn trang. Dùng overflow-x:clip
   (cắt ngang nhưng KHÔNG tạo scroll container) → chỉ còn 1 thanh cuộn của trang. ==== */
html{overflow-x:hidden}
body{overflow:visible!important;overflow-x:clip!important}

/* ==== 22/07: nút "Tham gia cộng đồng" trên nav (kế nút Tham gia thử thách) — tông xanh Telegram ==== */
.nav .links a.cta-tele{
  background:linear-gradient(135deg,#2ba0d8,#0f7ab8)!important;
  color:#fff!important;
  border-color:rgba(85,190,255,.55)!important;
  box-shadow:0 8px 24px -12px rgba(43,160,216,.7);
}
.nav .links a.cta-tele:hover{background:linear-gradient(135deg,#3db2ea,#1489cc)!important}

/* ==== 22/07: NAV RỘNG + SẮP XẾP LẠI (lệnh anh — nút Cộng đồng làm chật pill 1220px) ==== */
@media(min-width:881px){
  .nav .wrap{max-width:1500px!important;gap:18px!important}
  .nav .links{margin-left:auto;display:flex;align-items:center;gap:2px;flex-wrap:nowrap}
  .nav .links a{white-space:nowrap;padding:9px 12px;font-size:13.5px}
  .nav .links a.cta,.nav .links a.cta-tele{padding:9px 16px}
  #nav-timebar{flex:0 1 auto;min-width:0;white-space:nowrap}
  .brand small{white-space:nowrap}
}

/* ==== 22/07: 2 nút CTA nav dịu lại (lệnh anh "đừng tương phản quá") — kính mờ tint màu ==== */
.nav .links a.cta{
  background:rgba(232,184,75,.14)!important;
  color:#ffe8a8!important;
  border:1px solid rgba(232,184,75,.42)!important;
  box-shadow:none!important;
}
.nav .links a.cta:hover{background:rgba(232,184,75,.26)!important}
.nav .links a.cta-tele{
  background:rgba(43,160,216,.13)!important;
  color:#a8dcff!important;
  border:1px solid rgba(85,190,255,.36)!important;
  box-shadow:none!important;
}
.nav .links a.cta-tele:hover{background:rgba(43,160,216,.24)!important}

/* ==== FIX 22/07 (lệnh anh): "bảng top trên iPad với điện thoại vẫn lỗi" ==== */
/* 1) Bục Top 3 xếp dọc: media cũ trỏ nhầm .pt-prize-top1 (class thật là .pt-prize-top)
      -> Top 2 đứng TRÊN Top 1. Card vàng phải dẫn đầu. */
@media(max-width:900px){
  .pt-prize-top{order:-1}
}
/* 2) Điện thoại: bảng BXH 6 cột rộng 463px trong khung ~342px -> cột Lợi nhuận/Phần thưởng
      bị che, khách phải kéo ngang. Nén cột + ẩn cột Sàn cho vừa khung, hết cuộn ngang. */
/* Bảng nằm trong #home-board nên rule ID cũ đè class -> phải !important mới thắng */
@media(max-width:520px){
  .lb-ftmo-table table,
  #lb-table table{min-width:100%!important}
  .lb-ftmo-table th,
  .lb-ftmo-table td{padding:8px 3px!important;font-size:12px!important}
  .lb-ftmo-table .pill{padding:4px 5px!important}
  .lb-ftmo-table th{white-space:normal!important;line-height:1.3!important;font-size:10.5px!important}
  .lb-ftmo-table th:nth-child(3),
  .lb-ftmo-table td:nth-child(3),
  .lb-ftmo-table th:nth-child(4),
  .lb-ftmo-table td:nth-child(4){display:none!important} /* mobile: an ca cot San + Von khoi diem (23/07) */
  .lb-ftmo-name{gap:5px!important}
  .lb-ftmo-name > span{width:22px!important;height:22px!important;flex:0 0 22px!important;font-size:8px!important;box-shadow:0 0 0 2px rgba(255,255,255,.08)!important}
  .lb-ftmo-name b{font-size:11.5px!important;max-width:62px!important}
  .lb-ok-chip,.lb-vio-chip,.lb-stale-chip,.lb-hof-chip{font-size:8.5px!important;padding:1px 5px!important;white-space:normal!important;letter-spacing:0!important}
  .lb-ftmo-name small{font-size:9.5px!important}
  .lb-ftmo-table .pill{padding:4px 6px!important;font-size:10.5px!important;white-space:normal!important}
  .lb-ftmo-table .rank{font-size:13px!important}
  .lb-ftmo-table td:nth-child(5),
  .lb-ftmo-table td:nth-child(6){font-size:11px!important}
}

/* ==== HIỆU ỨNG FOOTER ĐIỆN ẢNH (23/07 lệnh anh: "chỉ lấy hiệu ứng thôi") ====
   Giữ nguyên nội dung footer cũ — chỉ đắp nền: chữ KN INVEST khổng lồ, aurora thở,
   lưới mờ; link cũ khoác pill kính + nam châm (JS trong app.js). */
footer.kcf{position:relative;overflow:hidden;padding:120px 0 42px;background:#050403;border-top:1px solid rgba(240,192,82,.16)}
.kcf-aurora{position:absolute;left:50%;top:58%;width:80vw;height:52vh;transform:translate(-50%,-50%);border-radius:50%;filter:blur(80px);pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(240,192,82,.15) 0%,rgba(0,229,255,.06) 42%,transparent 70%);animation:kcfBreathe 8s ease-in-out infinite alternate}
@keyframes kcfBreathe{from{transform:translate(-50%,-50%) scale(1);opacity:.55}to{transform:translate(-50%,-50%) scale(1.12);opacity:1}}
.kcf-grid{position:absolute;inset:0;pointer-events:none;background-size:60px 60px;background-image:linear-gradient(to right,rgba(240,192,82,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(240,192,82,.05) 1px,transparent 1px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 72%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 72%,transparent)}
.kcf-giant{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none;user-select:none;font-family:"Montserrat","Geist",sans-serif;font-weight:900;font-size:15vw;line-height:.75;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(240,192,82,.10);background:linear-gradient(180deg,rgba(240,192,82,.12) 0%,transparent 62%);-webkit-background-clip:text;background-clip:text}
.kcf-wrap{position:relative;z-index:3}
footer.kcf .kcf-pill{display:inline-flex;align-items:center;padding:10px 20px;border-radius:999px;font-weight:800;text-decoration:none;border:1px solid rgba(240,192,82,.22);background:linear-gradient(145deg,rgba(240,192,82,.06),rgba(255,255,255,.015));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px -12px rgba(0,0,0,.7),inset 0 1px 1px rgba(255,244,214,.09);transition:border-color .35s,background .35s,box-shadow .35s;will-change:transform}
footer.kcf .kcf-pill:hover{border-color:rgba(240,192,82,.55);background:linear-gradient(145deg,rgba(240,192,82,.13),rgba(255,255,255,.03));box-shadow:0 20px 44px -14px rgba(232,184,75,.35),inset 0 1px 1px rgba(255,244,214,.16)}
@media(max-width:640px){footer.kcf{padding:74px 0 30px}.kcf-giant{font-size:22vw;bottom:8px}footer.kcf .kcf-pill{padding:8px 15px}}
@media(prefers-reduced-motion:reduce){.kcf-aurora{animation:none}}

/* ==== KHỐI "ĐIỀU KIỆN THAM GIA & NHẬN THƯỞNG" (23/07 lệnh anh — thay FAQ trang chủ,
   bố cục 2 card kiểu VT Markets; FAQ dời sang trang Thể Lệ) ==== */
.kji-eyebrow{color:#e8b84b;font-size:12px;font-weight:900;letter-spacing:.28em;text-transform:uppercase;margin-bottom:8px}
.kji-4points{display:flex;flex-direction:column;gap:7px;margin:22px 0 0;padding:18px 22px;border-radius:16px}
.kji-4points b{color:#ffe8a8;font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.kji-4points span{color:#c8d5e8;font-size:13.5px;line-height:1.7}
.kji-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:24px;align-items:stretch}
.kji-card{padding:26px 24px;border-radius:18px}
.kji-card h3{margin:0 0 18px;color:#ffe8a8;font-size:13.5px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.kji-check{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.kji-check li{position:relative;padding-left:36px;color:#c8d5e8;font-size:14px;line-height:1.65}
.kji-check li b{color:#eef5ff}
.kji-check li::before{content:"✓";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,229,255,.45);background:rgba(0,229,255,.10);color:#5ed4ff;font-weight:900;font-size:13px;display:grid;place-items:center}
.kji-summary p{margin:0 0 14px;color:#c8d5e8;font-size:14px;line-height:1.7}
.kji-summary p:last-child{margin-bottom:0}
.kji-summary b{color:#ffe8a8}
.kji-prize{padding:14px 16px;border-radius:12px;background:rgba(240,192,82,.07);border:1px solid rgba(240,192,82,.2);line-height:1.9!important}
@media(max-width:900px){.kji-grid{grid-template-columns:1fr}.kji-card{padding:20px 16px}.kji-4points{padding:14px 16px}}

/* Nhãn "Chưa hợp lệ" trên bảng (23/07 lệnh anh — TK nạp thêm vẫn hiện + gắn cờ) */
.lb-vio-chip{display:inline-block;margin:3px 0 2px;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:900;letter-spacing:.02em;background:rgba(255,86,86,.14);border:1px solid rgba(255,86,86,.5);color:#ff8a8a;white-space:nowrap}

/* ==== MÀU CHIP SÀN (23/07 lệnh anh): Exness vàng · Vantage xanh lá · GTC xanh biển · VT xanh da trời nhẹ ==== */
.lb-broker-pill.br-exness,.lb-ftmo-broker.br-exness{background:rgba(240,213,143,.14);border-color:rgba(240,213,143,.5);color:#f0d58f}
.lb-broker-pill.br-vantage,.lb-ftmo-broker.br-vantage{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.5);color:#5fe3ad}
.lb-broker-pill.br-gtc,.lb-ftmo-broker.br-gtc{background:rgba(37,99,235,.18);border-color:rgba(59,130,246,.55);color:#7fb0ff}
.lb-broker-pill.br-vt,.lb-ftmo-broker.br-vt{background:rgba(125,211,252,.13);border-color:rgba(125,211,252,.42);color:#a9ddf7}

/* Nhãn vinh danh / không xét giải (23/07: thinh pro 34k ghim demo) */
.lb-hof-chip{display:inline-block;margin:3px 0 2px;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:900;letter-spacing:.02em;background:rgba(240,192,82,.14);border:1px solid rgba(240,192,82,.5);color:#f0d58f;white-space:nowrap}

/* Nhãn "Đang thi" xanh (23/07: phân biệt người thi hợp lệ với TK vi phạm/vinh danh) */
.lb-ok-chip{display:inline-block;margin:3px 0 2px;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:900;letter-spacing:.02em;background:rgba(52,211,153,.13);border:1px solid rgba(52,211,153,.42);color:#5fe3ad;white-space:nowrap}

/* Chip cam "nghi doi pass" (23/07 dieu kien 1): TK dung hinh du lieu khi ca he van song */
.lb-stale-chip{display:inline-block;margin:3px 0 2px;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:900;letter-spacing:.02em;background:rgba(251,146,60,.13);border:1px solid rgba(251,146,60,.45);color:#fdba74;white-space:nowrap}

/* Chu giai mau nhan tren BXH (23/07 dieu kien 7) */
.lb-legend{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:12px 2px 4px;padding:8px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.02)}
.lb-legend-title{font-size:11px;font-weight:800;color:rgba(255,255,255,.55);letter-spacing:.04em;margin-right:2px}
@media (max-width:640px){.lb-legend{gap:5px;padding:7px 9px}}

/* Dấu ❗ đỏ cạnh tên: chủ TK có tài khoản thứ 5 vượt quota (TK này vẫn hợp lệ) — 23/07 */
.lb-warn-excl{display:inline-block;margin-left:5px;color:#ff5656;font-weight:900;font-size:.95em;cursor:help;text-shadow:0 0 6px rgba(255,86,86,.5)}

/* Chip "Đã cháy" (23/07: cháy xong nạp lại — không tính vi phạm, không tính thành tích) */
.lb-burn-chip{display:inline-block;margin:3px 0 2px;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:900;letter-spacing:.02em;background:rgba(148,148,148,.12);border:1px solid rgba(180,140,120,.4);color:#d9a08c;white-space:nowrap}

/* ===== HERO LIVE BAR (24/07): badge nhấp nháy + đếm ngược + số động ===== */
.pt-hero-live{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin:0 auto 18px;padding:8px 16px;border-radius:999px;background:rgba(0,0,0,.42);border:1px solid rgba(240,192,82,.28);backdrop-filter:blur(6px)}
.pt-live-badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:900;letter-spacing:.06em;color:#ff5656}
.pt-live-badge b{font-weight:900}
.pt-live-dot{width:9px;height:9px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 8px #ff3b3b;animation:knLiveBlink 1.1s ease-in-out infinite}
.pt-live-badge.pending{color:#f0c052}.pt-live-badge.pending .pt-live-dot{background:#f0c052;box-shadow:0 0 8px #f0c052}
.pt-live-badge.ended{color:rgba(255,255,255,.6)}.pt-live-badge.ended .pt-live-dot{background:rgba(255,255,255,.5);box-shadow:none;animation:none}
@keyframes knLiveBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
.pt-live-count{font-size:12.5px;color:rgba(255,255,255,.82)}.pt-live-count b{color:#fff;font-weight:800}
.pt-live-nums{font-size:12.5px;color:rgba(255,255,255,.72)}.pt-live-nums b{color:#f0d58f;font-weight:800}
@media(max-width:560px){.pt-hero-live{gap:6px 10px;padding:7px 12px}.pt-live-badge,.pt-live-count,.pt-live-nums{font-size:11.5px}}
/* video hero mờ dần khi vào (PC); mobile chỉ còn poster */
.pt-hero-vid{transition:opacity .6s ease}

/* ===== FEED DIỄN BIẾN LIVE (24/07) ===== */
.kn-feed-sec{padding:44px 0 56px}
.kn-feed-live{display:inline-flex;align-items:center;font-size:12px;font-weight:900;color:#ff5656;letter-spacing:.09em;vertical-align:middle;margin-left:9px}
.kn-feed-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 8px #ff3b3b;margin-right:5px;animation:knFeedBlink 1.1s ease-in-out infinite}
@keyframes knFeedBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.75)}}
.kn-feed{max-width:720px;margin:18px auto 0;max-height:430px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding:4px 8px}
.kn-feed::-webkit-scrollbar{width:6px}.kn-feed::-webkit-scrollbar-thumb{background:rgba(240,192,82,.3);border-radius:3px}
.kn-feed-row{display:flex;gap:11px;align-items:flex-start;padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-left:3px solid rgba(240,192,82,.5);animation:knFeedIn .4s ease}
@keyframes knFeedIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.kn-feed-row.k-burn{border-left-color:#ff5656}.kn-feed-row.k-swap{border-left-color:#f0c052}
.kn-feed-row.k-pump{border-left-color:#5fe3ad}.kn-feed-row.k-new{border-left-color:#7fb0ff}
.kn-feed-ic{font-size:18px;line-height:1.35;flex:0 0 auto}
.kn-feed-body{flex:1;min-width:0}
.kn-feed-time{font-size:11px;color:rgba(255,255,255,.42);font-family:ui-monospace,monospace;margin-bottom:2px}
.kn-feed-text{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.86)}
.kn-feed-text b{color:#f0d58f;font-weight:800}
.kn-feed-empty{text-align:center;color:rgba(255,255,255,.4);font-size:13px;padding:26px}
@media(max-width:560px){.kn-feed{max-height:360px}.kn-feed-text{font-size:12.5px}}

/* ===== HERO NỀN CHỮ "KN INVEST" KHỔNG LỒ (24/07: thay video bg bằng hiệu ứng footer, phóng to) ===== */
.pt-hero-kn-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.pt-hero-video .pt-hero-overlay{z-index:1}
.pt-hero-kn-aurora{position:absolute;left:50%;top:44%;width:94vw;height:76vh;transform:translate(-50%,-50%);border-radius:50%;filter:blur(92px);background:radial-gradient(circle at 50% 50%,rgba(240,192,82,.18) 0%,rgba(0,229,255,.05) 45%,transparent 72%);animation:kcfBreathe 8s ease-in-out infinite alternate}
.pt-hero-kn-grid{position:absolute;inset:0;background-size:64px 64px;background-image:linear-gradient(to right,rgba(240,192,82,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(240,192,82,.05) 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse 72% 62% at 50% 46%,#000 52%,transparent);mask-image:radial-gradient(ellipse 72% 62% at 50% 46%,#000 52%,transparent)}
.pt-hero-kn-giant{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;user-select:none;font-family:"Montserrat","Geist",sans-serif;font-weight:900;font-size:clamp(84px,23vw,340px);line-height:.78;letter-spacing:-.045em;color:transparent;-webkit-text-stroke:1.5px rgba(240,192,82,.14);background:linear-gradient(180deg,rgba(240,192,82,.17) 0%,rgba(240,192,82,.04) 55%,transparent 80%);-webkit-background-clip:text;background-clip:text}
@media(max-width:640px){.pt-hero-kn-giant{font-size:34vw;letter-spacing:-.03em}.pt-hero-kn-aurora{filter:blur(60px)}}

/* (26/07 lenh anh) CHI doi 2 thu: to ra + can giua khoi tieu de. Khong dung gi khac. */
.pt-hero-kn-giant{
  font-size:clamp(100px,27vw,408px);   /* to hon ~20% */
  top:42%;                             /* nhich len cho om khoi "Chao Mung ... DAU TRUONG TRADING" */
  animation:knTho 7s ease-in-out infinite;   /* (26/07 lenh anh) chi THEM hieu ung tho */
}
/* tho: phong len xep xuong rat nhe + dam nhat theo nhip. Giu nguyen transform can giua. */
@keyframes knTho{
  0%,100%{transform:translate(-50%,-50%) scale(1);opacity:1}
  50%{transform:translate(-50%,-50%) scale(1.022);opacity:.84}
}
@media(max-width:640px){.pt-hero-kn-giant{font-size:40vw;top:40%}}



/* === ky da chot (demo) — 25/07 === */
.payout-closed-note{
  margin:14px 0 0;
  text-align:center;
  font-size:12.5px;
  letter-spacing:.02em;
  color:rgba(232,222,205,.62);
}
.payout-closed-note b{color:var(--gold,#e8cf9a);font-weight:800}
.payout-consolation.is-closed .payout-consolation-list{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
}
.payout-consolation.is-closed .payout-consolation-roi{
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
  opacity:.6;
}


/* === 25/07: fix mobile winners + vien sang chay BXH === */
/* (A) mobile: the winner thieu o cho nhan giai + dong gia tri -> bi day ra ngoai khung */
@media(max-width:940px){
  .payout-major-card,
  .payout-major-card.payout-rank-1{
    grid-template-areas:
      "img badge"
      "img name"
      "img label"
      "img prize"
      "img value"
      "img stats" !important;
  }
  .payout-major-card .payout-prize-label{
    grid-area:label;
    justify-self:start;
    text-align:left;
    margin:0;
  }
  .payout-major-card .payout-prize-value{grid-area:value;justify-self:start;margin:2px 0 0}
  .payout-major-card .payout-stats{display:flex;flex-wrap:wrap;gap:8px}
  .payout-major-card .payout-stats span{flex:1 1 auto;min-width:0}
}

/* (B) BXH TRUC TIEP — bo khung cung, khong cat goc khi phong to, vien anh sang chay */
.lb-ftmo-topgrid{overflow:visible}
.lb-ftmo-card{
  overflow:visible!important;
  isolation:isolate;
}
.lb-ftmo-card::before{border-radius:inherit;overflow:hidden}
/* nen mo nhat de vien noi bat, thay cho khung cung */
.lb-ftmo-card{
  box-shadow:0 0 0 1px rgba(255,255,255,.05), 0 18px 40px -34px rgba(0,0,0,.95);
}
.lb-ftmo-card:hover{
  z-index:6;
  box-shadow:0 0 0 1px rgba(240,213,143,.2), 0 24px 70px -36px rgba(240,213,143,.55);
}


/* === 25/07 v2: SAO CHOI CHAY VIEN (SVG runner) === */
.lb-ftmo-card, .payout-major-card, .pt-prize-card{position:relative}
.border-runner{
  position:absolute; inset:0; width:100%; height:100%;
  pointer-events:none; z-index:6; overflow:visible;
}
.border-runner rect{
  x:0.75px; y:0.75px;
  width:calc(100% - 1.5px); height:calc(100% - 1.5px);
  rx:var(--runner-rx,6px);
  fill:none; stroke-linecap:round;
}
/* mau theo hang (mac dinh: vang) */
.border-runner{
  --rc-head:#fff2c8;
  --rc-tail:rgba(246,200,110,.5);
  --rc-glow:rgba(255,202,70,1);
  --rc-glow2:rgba(230,142,22,.95);
  --rc-ring:rgba(240,213,143,.2);
}
/* vien phat quang tinh: TAT (the von co glow san, de sao bang doc quyen anh sang) */
.border-runner .runner-ring{display:none}
/* DUOI SAO BANG 3 LOP — thon + mo dan ve sau (het kieu con ran)
   chu ky 33.333 -> dung 3 sao bang chay CACH DEU quanh vien.
   --dof can chinh de dau moi lop TRUNG voi mui sao bang. */
/* GIOT SAO BANG — qua cau sang + duoi hat nho dan (JS tha theo path vien) */
.border-runner .runner-path{fill:none;stroke:none}
.border-runner .meteor-core{
  fill:#fff;
  animation:headTwinkle 2.1s ease-in-out infinite;
}
.border-runner .meteor-halo{fill:var(--rc-glow);opacity:.34}
.border-runner .meteor-trail{fill:var(--rc-glow)}
.border-runner .meteor{
  filter:drop-shadow(0 0 3px var(--rc-glow)) drop-shadow(0 0 8px var(--rc-glow2));
}
@keyframes headTwinkle{0%,100%{opacity:.75}50%{opacity:1}}
/* BAC — hang 2 */
.lb-ftmo-rank-2 .border-runner, .payout-rank-2 .border-runner, .pt-prize-2 .border-runner{
  --rc-head:#f4f8fd;
  --rc-tail:rgba(206,221,240,.5);
  --rc-glow:rgba(206,228,252,1);
  --rc-glow2:rgba(118,158,212,.95);
  --rc-ring:rgba(214,226,240,.22);
}
/* DONG — hang 3 */
.lb-ftmo-rank-3 .border-runner, .payout-rank-3 .border-runner, .pt-prize-3 .border-runner{
  --rc-head:#ffe0b8;
  --rc-tail:rgba(224,150,88,.5);
  --rc-glow:rgba(244,152,66,1);
  --rc-glow2:rgba(176,88,24,.95);
  --rc-ring:rgba(224,166,110,.22);
}
/* nhip rieng tung loai the */
.lb-ftmo-card{--runner-rx:4px;--runner-t:13s}
.lb-ftmo-rank-1{--runner-t:10s}
.payout-major-card{--runner-rx:10px;--runner-t:14s}
.payout-major-card.payout-rank-1{--runner-t:10s}
.pt-prize-card{--runner-rx:14px;--runner-t:14s}
.pt-prize-top1{--runner-t:10s}
/* hover: giot sao bang ruc hon */
.lb-ftmo-card:hover .meteor,
.payout-major-card:hover .meteor,
.pt-prize-card:hover .meteor{
  filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 16px var(--rc-glow)) drop-shadow(0 0 28px var(--rc-glow2));
}
/* (25/07) bo gate reduced-motion theo lenh anh — may tat animation Windows van thay */


/* (25/07) tat giot nuoc o bang Giai thuong sieu khung */
.pt-prize-card .border-runner{display:none}

/* (27/07 lenh anh) chu 'bắt buộc' canh dau sao — nho va mo hon nhan chinh */
.register-form label > span .reg-batbuoc{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.02em;color:#f0a5a5;opacity:.9;text-transform:lowercase;margin-left:2px}


/* ============================================================
   TAT-GON-SONG (27/07 lenh anh) — khu DANG KY khong bam theo con tro nua.
   Truoc day .reg-step-card::before (mat the) va ::after (vien) ve gradient toa tron
   tai var(--spx)/var(--spy) — hai bien nay do app.js cap nhat moi lan chuot di chuyen,
   nen re chuot thay vet sang chay qua nhu gon song.
   Nay: bo han lop mat the, vien doi sang TINH. Cac khu khac (.pt-glass .panel .faq)
   van giu hieu ung cu — chi rieng form dang ky la tat.
   ============================================================ */
.reg-step-card::before{ display:none !important; }
.reg-step-card::after{
  background:linear-gradient(rgba(212,212,212,.16), rgba(212,212,212,.10)) !important;
}
html.kn-touch-glow .reg-step-card::after{
  background:linear-gradient(rgba(212,212,212,.16), rgba(212,212,212,.10)) !important;
  transition:none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   (27/07) VA THANH NAV — do theo so do that
   Trieu chung: chu "THOI GIAN DANG KY CON LAI ..." de len logo KN Invest.
   Do duoc: mot hang CAN 1318px (logo 163 + dong ho 295 + menu 775 + le/khoang cach 67
   + thanh cuon 15). Duoi nguong do, phan thieu don het vao o dong ho vi chi minh no
   co the co -> bop con 28px roi chu tran ra de len logo.
   KHONG chi iPad: vo tu 881 den ~1320px, gom ca laptop 1280.
   Chua theo 3 bac, ranh gioi lay tu so do o tren.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 881–1180: rong khong du cho ca chu dan -> dong ho xuong hang rieng ── */
@media(min-width:881px) and (max-width:1180px){
  .nav{height:auto}
  .nav .wrap{height:auto;flex-wrap:wrap;row-gap:6px}
  .nav .brand-home{order:1}
  .nav .links{order:2}
  #nav-timebar{
    order:3;
    flex:1 1 100%;
    width:100%;
    min-width:0;
    justify-content:center;
    margin:0;
  }
  /* dung lai bien fixMobileNavPad() da do — thanh cao bao nhieu thi noi dung
     tut xuong bay nhieu, doi co man cung tu tinh lai, khong bi che. */
  body{padding-top:var(--mobilenav-h,140px)}
}

/* ── 881–1010: hep qua, ngay ca MENU cung khong ngoi cung hang voi logo
   (can 163+18+775=956 ma chi co ~955 tro xuong) -> thanh bi day thanh BA hang,
   cao 200px. Bop chu menu lai chut cho menu ve cung hang voi logo -> con hai hang.
   Do duoc o 900px: menu 774 -> 641, cho trong 670 => du 29px. ── */
@media(min-width:881px) and (max-width:1010px){
  .nav .links a{padding:7px 6px;font-size:12px}
  .nav .links a.cta,.nav .links a.cta-tele{padding:8px 11px}
}

/* ── 1181–1359: du cho neu bo chu dan (chi can 1163px) -> giu mot hang ── */
@media(min-width:1181px) and (max-width:1359px){
  #nav-timebar span{display:none}
  /* khong cho bop nua: thieu cho thi day layout, chu khong am tham nghien chu */
  #nav-timebar{flex:0 0 auto;min-width:max-content}
}