html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#0A0907}
body{margin:0;background:#0A0907}
*{-webkit-tap-highlight-color:transparent}
[id]{scroll-margin-top:96px}
button,a,label{touch-action:manipulation}
input[type=email],select{-webkit-appearance:none;appearance:none}
.face{-webkit-transform:translateZ(1px)}
.pre-card,.hero-spin,.spin-card,.card-float,.orbit,.orbit-rev,.ring-a,.ring-b,.particle,.pre-sweep,.promo-shine{will-change:transform}
.pre-card,.spin-card{-webkit-transform-style:preserve-3d}
.is-loading .hero-zone *{animation-play-state:paused !important}
@media (max-width:640px){.particle:nth-child(2n){display:none}.nav-cta{padding:0 14px !important;font-size:14px !important}}
a{color:#E2C27D;text-decoration:none}a:hover{color:#F5DFA8}
*{box-sizing:border-box}
.navlinks{display:flex}
@media (max-width:900px){.navlinks{display:none}}
@keyframes tokaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes tokaFloat2{0%,100%{transform:perspective(1200px) rotateY(-22deg) rotateX(12deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-16deg) rotateX(9deg) translateY(-8px)}}
@keyframes tokaHeroSpin{0%{transform:rotateX(8deg) rotateY(0deg)}100%{transform:rotateX(8deg) rotateY(360deg)}}
@keyframes tokaSpin{0%{transform:rotateY(0deg) rotateX(8deg)}100%{transform:rotateY(360deg) rotateX(8deg)}}
@keyframes tokaBar{0%{width:0%}100%{width:100%}}
@keyframes tokaPulse{0%,100%{box-shadow:0 0 0 0 rgba(226,194,125,0.55),0 18px 50px rgba(212,175,106,0.25)}50%{box-shadow:0 0 0 10px rgba(226,194,125,0),0 18px 70px rgba(212,175,106,0.45)}}
@keyframes tokaShine{0%{transform:translateX(-120%) skewX(-20deg)}60%,100%{transform:translateX(320%) skewX(-20deg)}}
@keyframes tokaPop{0%{transform:scale(0.4);opacity:0}70%{transform:scale(1.12);opacity:1}100%{transform:scale(1)}}
@keyframes tokaFade{0%{opacity:0}100%{opacity:1}}
@keyframes tokaGlow{0%,100%{opacity:0.55}50%{opacity:1}}
.card-float{animation:tokaFloat 7s ease-in-out infinite}
.card-back{animation:tokaFloat2 7s ease-in-out infinite}
.hero-spin{animation:tokaHeroSpin 9s linear infinite}
.spin-card{animation:tokaSpin 2.6s linear infinite;transform-style:preserve-3d}
.bar-fill{animation-name:tokaBar;animation-timing-function:linear;animation-fill-mode:forwards}
.promo{animation:tokaPulse 2.4s ease-in-out infinite}
.promo-shine{animation:tokaShine 3.2s ease-in-out infinite}
.pop{animation:tokaPop 0.6s ease-out both}
.fade-in{animation:tokaFade 0.35s ease-out both}
.glow{animation:tokaGlow 2.4s ease-in-out infinite}
.face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lux{position:relative;overflow:hidden;background:linear-gradient(180deg,#120F0A 0%,#0B0907 100%) padding-box,linear-gradient(155deg,rgba(243,223,162,0.6) 0%,rgba(212,175,106,0.10) 35%,rgba(212,175,106,0.04) 65%,rgba(243,223,162,0.4) 100%) border-box;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,235,190,0.08),0 30px 60px -32px rgba(0,0,0,0.9);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.lux::before{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at 0% 0%,rgba(226,194,125,0.07),transparent 60%);opacity:.5;transition:opacity .45s;pointer-events:none}
@media (hover:hover){.lux:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 rgba(255,235,190,0.12),0 44px 90px -34px rgba(212,175,106,0.32)}}
@media (hover:hover){.lux:hover::before{opacity:.85}}
.lux>*{position:relative}
.lux-featured{background:linear-gradient(170deg,#1D180F 0%,#0E0C08 72%) padding-box,linear-gradient(155deg,#F7E7B5,#B08A45 38%,rgba(212,175,106,0.18) 70%,#E2C27D) border-box;box-shadow:0 0 0 1px rgba(243,223,162,0.12),0 44px 100px -34px rgba(212,175,106,0.42)}
.lux-soft{background:linear-gradient(180deg,#15120D,#0F0D09) padding-box,linear-gradient(155deg,rgba(243,223,162,0.38),rgba(212,175,106,0.08) 50%,rgba(243,223,162,0.22)) border-box;border:1px solid transparent;transition:box-shadow .3s}
@media (hover:hover){.lux-soft:hover{box-shadow:0 14px 40px -16px rgba(212,175,106,0.32)}}
.glass{background:linear-gradient(180deg,rgba(20,17,11,0.8),rgba(10,9,7,0.82)) padding-box,linear-gradient(155deg,rgba(243,223,162,0.6),rgba(212,175,106,0.08) 45%,rgba(243,223,162,0.32)) border-box;border:1px solid transparent;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 80px -30px rgba(0,0,0,0.9),inset 0 1px 0 rgba(255,235,190,0.12)}
.lux-hero{position:relative;overflow:hidden;background:radial-gradient(700px circle at 100% 0%,rgba(212,175,106,0.08),transparent 55%) padding-box,radial-gradient(600px circle at 0% 100%,rgba(212,175,106,0.04),transparent 55%) padding-box,linear-gradient(160deg,#15110B 0%,#0B0907 70%) padding-box,linear-gradient(140deg,#F3DFA2,rgba(212,175,106,0.14) 35%,rgba(212,175,106,0.06) 65%,#C9A158) border-box;border:1px solid transparent;box-shadow:0 50px 120px -40px rgba(0,0,0,0.9)}
.lux-hero>*{position:relative;z-index:1}
.dots::after{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(rgba(226,194,125,0.16) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(115deg,transparent 35%,#000 100%);mask-image:linear-gradient(115deg,transparent 35%,#000 100%);pointer-events:none}
.icon-ring{background:linear-gradient(160deg,#2C2416,#110E09) padding-box,linear-gradient(150deg,#F3DFA2,rgba(212,175,106,0.2) 60%,#B08A45) border-box;border:1px solid transparent;box-shadow:0 12px 30px -10px rgba(212,175,106,0.5),inset 0 1px 0 rgba(255,235,190,0.16)}
.kicker::before{content:"";width:32px;height:1px;background:linear-gradient(90deg,rgba(212,175,106,0),#D4AF6A)}
.step-num{font-family:Sora,sans-serif;font-size:60px;font-weight:300;line-height:1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums lining-nums;color:transparent;background:linear-gradient(180deg,#F7E7B5 0%,#D4AF6A 55%,#9C7A3C 100%);-webkit-background-clip:text;background-clip:text}
.coin-dot{background:linear-gradient(135deg,#F3DFA2,#C9A158 55%,#8E6C2E);color:#1A1409 !important}
.gold-line{height:1px;background:linear-gradient(90deg,rgba(212,175,106,0),rgba(212,175,106,0.55),rgba(212,175,106,0))}
input:focus,select:focus{outline:none;border-color:#E2C27D !important;box-shadow:0 0 0 4px rgba(212,175,106,0.18)}
a[style*="#F3DFA2,#D4AF6A 50%"],button[style*="#F3DFA2,#D4AF6A 50%"]{transition:filter .25s,box-shadow .25s,transform .25s;box-shadow:0 10px 30px -12px rgba(212,175,106,0.55),inset 0 1px 0 rgba(255,255,255,0.45)}
@media (hover:hover){a[style*="#F3DFA2,#D4AF6A 50%"]:hover,button[style*="#F3DFA2,#D4AF6A 50%"]:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(212,175,106,0.7),inset 0 1px 0 rgba(255,255,255,0.5)}}
@media (prefers-reduced-motion: reduce){.lux:hover{transform:none}}
@keyframes tokaPreSpin{0%{transform:rotateX(12deg) rotateY(0deg) rotateZ(-2deg)}50%{transform:rotateX(-6deg) rotateY(180deg) rotateZ(2deg)}100%{transform:rotateX(12deg) rotateY(360deg) rotateZ(-2deg)}}
@keyframes tokaShadow{0%,100%{transform:scaleX(1);opacity:.55}25%,75%{transform:scaleX(.35);opacity:.25}50%{transform:scaleX(1);opacity:.55}}
@keyframes tokaSweep{0%{transform:translateX(-160%) skewX(-18deg)}55%,100%{transform:translateX(420%) skewX(-18deg)}}
@keyframes tokaOrbit{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes tokaOrbitRev{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}
@keyframes tokaRise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.9}100%{transform:translateY(-70vh) scale(1);opacity:0}}
@keyframes tokaBlink{0%,100%{opacity:.35}50%{opacity:1}}
.pre-card{animation:tokaPreSpin 5.5s cubic-bezier(.65,0,.35,1) infinite;transform-style:preserve-3d}
.pre-shadow{animation:tokaShadow 5.5s cubic-bezier(.65,0,.35,1) infinite}
.pre-sweep{animation:tokaSweep 2.75s ease-in-out infinite}
.orbit{animation:tokaOrbit 26s linear infinite}
.orbit-rev{animation:tokaOrbitRev 26s linear infinite}
.ring-a{animation:tokaOrbit 40s linear infinite}
.ring-b{animation:tokaOrbitRev 55s linear infinite}
.particle{animation-name:tokaRise;animation-timing-function:ease-out;animation-iteration-count:infinite}
.blink{animation:tokaBlink 1.2s ease-in-out infinite}
.pre-stage{transform:scale(1)}
.hero-stage{transform:scale(1)}
@media (max-width:1180px){.hero-stage{transform:scale(.86);margin:-33px -39px}}
@media (max-width:640px){.hero-stage{transform:scale(.62);margin:-89px -106px}.hero-stage-wrap{min-height:300px !important}}
@media (max-width:380px){.hero-stage{transform:scale(.56);margin:-103px -123px}}
@media (max-width:640px){.pre-stage{transform:scale(.62);margin:-76px -106px}.pre-top-pill{display:none !important}}
@media (max-width:380px){.pre-stage{transform:scale(.56);margin:-88px -123px}}
@media (max-height:700px){.pre-stage{transform:scale(.62);margin:-76px -106px}}
@media (prefers-reduced-motion: reduce){.pre-card,.pre-shadow,.pre-sweep,.orbit,.orbit-rev,.ring-a,.ring-b,.particle{animation:none}}
@media (prefers-reduced-motion: reduce){.hero-spin,.card-float,.card-back,.promo,.promo-shine,.glow{animation:none}}
input::placeholder{color:#7D766B}
select option{background:#141210;color:#F5F1E8}
