:root{--c1:#00e5ff;--c2:#a45cff;--c3:#39ff14;--tx:#e8f1ff;--mut:#9fb3d9;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth}
body{margin:0;background:#02030a;color:var(--tx);font-family:Rajdhani,system-ui,sans-serif;font-size:18px;line-height:1.45;overflow-x:hidden}
h1,h2,h3{font-family:Orbitron,Impact,sans-serif;margin:0}
a{color:inherit;text-decoration:none}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0}
.vig{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,#02030acc 100%),repeating-linear-gradient(#0000 0 3px,#0000001f 3px 4px)}
main{position:relative;z-index:2;opacity:0;transform:scale(.96);transition:1.6s .3s}
body.in main{opacity:1;transform:none}
.wrap{max-width:980px;margin:0 auto;padding:0 18px}
section{padding:60px 0}
.tag{color:var(--c1);font-weight:700;letter-spacing:4px;font-size:13px;text-transform:uppercase}
h2{font-size:clamp(24px,6vw,38px);margin:6px 0 10px;text-shadow:0 0 20px #00e5ffaa}
.sub{color:var(--mut);max-width:620px;margin:0 0 26px}
.hero{min-height:92vh;display:flex;align-items:center;text-align:center}
h1.big{font-size:clamp(46px,14vw,120px);font-weight:900;line-height:1;background:linear-gradient(90deg,var(--c1),#fff,var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px #00e5ffbb)}
.lead{font-size:clamp(19px,4.5vw,26px);max-width:640px;margin:16px auto 26px;text-shadow:0 2px 12px #000}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 26px;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:800;font-size:14px;letter-spacing:1px;border:2px solid var(--c1);color:var(--c1);background:#00101acc;box-shadow:0 0 18px #00e5ff66,inset 0 0 12px #00e5ff22;transition:.2s;cursor:pointer}
.btn:hover{background:var(--c1);color:#001018}
.btn.g{border-color:var(--c3);color:var(--c3);box-shadow:0 0 18px #39ff1466,inset 0 0 12px #39ff1422}
.btn.g:hover{background:var(--c3);color:#031a00}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.p,.card,.box,.step{background:#050a1cc4;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #00e5ff40;border-radius:16px;box-shadow:0 0 22px #00e5ff1f}
.card{padding:20px;transition:.25s}
.card:hover{transform:translateY(-4px);border-color:var(--c1);box-shadow:0 0 30px #00e5ff66}
.ic{font-size:32px;filter:drop-shadow(0 0 8px var(--c1))}
.card h3{font-size:15px;margin:10px 0 6px}
.card p{margin:0;color:var(--mut)}
.steps{display:grid;gap:12px;counter-reset:s}
.step{display:flex;gap:16px;padding:16px;border-left:4px solid var(--c2);counter-increment:s}
.step::before{content:counter(s);font-family:Orbitron,sans-serif;font-weight:900;font-size:26px;color:var(--c1);text-shadow:0 0 12px var(--c1);min-width:34px}
.step b{display:block;font-size:20px}.step span{color:var(--mut)}
.two{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.box{padding:22px;border-color:#a45cff66}
.box h3{font-size:17px;color:#c9a3ff;margin-bottom:10px}
.box ul{margin:0;padding-left:20px}.box li{margin:6px 0}
.price{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(42px,11vw,68px);color:var(--c3);text-shadow:0 0 26px #39ff14aa}
.ct{text-align:center}
.sp{width:100%;height:352px;border:0;border-radius:16px;background:#050a1c}
.game{position:relative;overflow:hidden}
.bd{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;letter-spacing:1px;padding:3px 9px;border-radius:99px;border:1px solid var(--c3);color:var(--c3)}
.bd.s{border-color:var(--c2);color:#c9a3ff}
.go{display:inline-block;margin-top:12px;font-weight:700;color:var(--c1)}
.wa{display:inline-block;font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(26px,8vw,52px);padding:14px 26px;border-radius:16px;border:2px solid var(--c3);background:#031208cc;box-shadow:0 0 34px #39ff1499,inset 0 0 20px #39ff1433;text-shadow:0 0 14px var(--c3);margin:14px 0}
.hrs{color:var(--mut)}
footer{position:relative;z-index:2;padding:30px 0 100px;text-align:center;color:var(--mut);font-size:15px}
#intro{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;transition:opacity 1.2s,visibility 1.2s}
body.in #intro{opacity:0;visibility:hidden}
#intro .k{letter-spacing:8px;color:var(--c1);font-size:14px;font-weight:700;margin-bottom:14px;animation:bl 2s infinite}
#intro p{color:var(--mut);margin:14px 0 30px;font-size:20px;text-shadow:0 0 10px #000}
#go{font-size:16px;padding:16px 38px;animation:gl 2s infinite}
@keyframes bl{50%{opacity:.3}}
@keyframes gl{50%{box-shadow:0 0 44px var(--c1),inset 0 0 20px #00e5ff55}}
.ctl{position:fixed;z-index:5;right:16px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;cursor:pointer;border:2px solid var(--c1);background:#00101add;box-shadow:0 0 20px #00e5ff88;opacity:0;transition:.6s 1s}
body.in .ctl{opacity:1}
#mu{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
#wf{bottom:calc(16px + env(safe-area-inset-bottom,0px));border-color:var(--c3);box-shadow:0 0 22px #39ff14aa}
.rv{opacity:0;transform:translateY(24px);transition:.7s}.rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important}.rv{opacity:1;transform:none}}