:root{--bg:#07091a;--panel:#151735;--panel2:#211f4e;--panel3:#302b63;--border:#4b4679;--purple:#7c3ff2;--purple2:#a56aff;--yellow:#ffd21f;--yellow2:#ffbf16;--text:#fff;--body:#d6d8ec;--muted:#989dc2;--green:#40dc83;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 5%,rgba(124,63,242,.17),transparent 30rem),var(--bg);color:var(--body);font-family:Inter,system-ui,Arial,sans-serif;line-height:1.68}a{color:var(--yellow);text-decoration:none}a:hover{color:#fff}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.narrow{width:min(850px,calc(100% - 48px));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(7,9,26,.96);border-bottom:1px solid rgba(75,70,121,.5);backdrop-filter:blur(14px)}.nav{height:76px;display:flex;align-items:center;gap:24px}.logo img{height:34px}.links{margin-left:auto;display:flex;gap:19px}.links a{color:#e0e2f1;font-weight:800;font-size:14px}.links a.active{color:var(--yellow)}.burger{display:none;margin-left:auto;background:var(--panel);color:white;border:1px solid var(--border);border-radius:11px;padding:9px 12px;font-size:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;min-height:48px;border-radius:12px;background:linear-gradient(135deg,var(--yellow),var(--yellow2));color:#11152a!important;font-weight:950;border:0;cursor:pointer;box-shadow:0 9px 26px rgba(255,210,31,.14);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.alt{background:var(--panel2);color:#fff!important;border:1px solid var(--border);box-shadow:none}.btn.purple{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff!important}
.hero{padding:64px 0 54px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(124,63,242,.15);border:1px solid rgba(165,106,255,.35);color:#cbb6ff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}h1,h2,h3{color:white;line-height:1.12;margin:0 0 16px}h1{font-size:clamp(40px,5.7vw,70px);letter-spacing:-.045em}h2{font-size:clamp(29px,3.5vw,43px)}h3{font-size:21px}.lead{font-size:19px;max-width:800px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.visual{border-radius:20px;overflow:hidden;border:1px solid var(--border);background:var(--panel);box-shadow:0 18px 50px rgba(0,0,0,.35)}.visual img{width:100%;height:100%;object-fit:cover}
section{padding:62px 0}.altsec{background:rgba(21,23,53,.68);border-block:1px solid rgba(75,70,121,.35)}.kicker{display:block;color:var(--yellow);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:linear-gradient(180deg,var(--panel),#101228);border:1px solid rgba(75,70,121,.72);border-radius:16px;padding:22px}.card .big{font-size:30px;color:#fff;font-weight:950}.mini{font-size:13px;color:var(--muted)}
.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.game-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(75,70,121,.65);background:var(--panel);transition:.2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px rgba(0,0,0,.32)}.game-card img{width:100%;aspect-ratio:195/260;object-fit:cover}.game-card .play{position:absolute;inset:auto 10px 10px 10px;background:rgba(7,9,26,.92);padding:8px;border-radius:10px;text-align:center;color:var(--yellow);font-size:13px;font-weight:900;opacity:0;transition:.2s}.game-card:hover .play{opacity:1}
.banner{border-radius:20px;overflow:hidden;border:1px solid var(--border);background:var(--panel);margin:30px 0}.banner img{width:100%}.banner-copy{padding:22px 24px;display:flex;align-items:center;gap:20px;justify-content:space-between}.banner-copy p{margin:4px 0 0}.codebox{display:flex;align-items:center;gap:10px;background:#090b20;border:1px dashed rgba(255,210,31,.5);padding:10px 12px;border-radius:11px}.code{font-family:monospace;font-size:22px;font-weight:950;color:#fff}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--border);background:var(--border);border-radius:16px;overflow:hidden}.stat{background:#11132d;padding:20px}.stat strong{display:block;color:#fff;font-size:24px}.stat span{color:var(--muted);font-size:13px}
.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:16px;background:#10122c}table{border-collapse:collapse;width:100%;min-width:720px}th,td{padding:15px 16px;text-align:left;border-bottom:1px solid rgba(75,70,121,.45);vertical-align:top}th{background:#272452;color:#fff}
.steps{display:grid;gap:18px}.step{display:grid;grid-template-columns:52px 1fr;gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:17px;padding:22px}.num{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#10132a;font-weight:950}.step img{margin-top:14px;border-radius:12px;border:1px solid var(--border)}
.notice{padding:18px;border-radius:14px;background:rgba(255,210,31,.07);border:1px solid rgba(255,210,31,.25)}.purplebox{padding:22px;border-radius:16px;background:linear-gradient(135deg,#231d51,#171838);border:1px solid rgba(165,106,255,.35)}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.related a{padding:17px;background:var(--panel);border:1px solid var(--border);border-radius:14px;color:#fff;font-weight:850}.faq{border-bottom:1px solid rgba(75,70,121,.5)}.q{width:100%;background:none;border:0;color:#fff;padding:18px 0;font-size:18px;font-weight:850;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.a{display:none;padding:0 0 17px}.faq.open .a{display:block}.breadcrumbs{padding-top:18px;color:var(--muted);font-size:14px}
footer{padding:42px 0;border-top:1px solid var(--border);color:var(--muted)}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}footer strong{color:white}.top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:0;background:var(--yellow);font-weight:950;font-size:20px;opacity:0;pointer-events:none;transition:.2s}.top.show{opacity:1;pointer-events:auto}
@media(max-width:980px){.container,.narrow{width:calc(100% - 34px)}.links{display:none;position:absolute;top:76px;left:17px;right:17px;flex-direction:column;background:var(--panel);border:1px solid var(--border);padding:16px;border-radius:14px}.links.open{display:flex}.burger{display:block}.headercta{display:none}.hero-grid,.grid2,.grid3,.grid4,.foot{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.related{grid-template-columns:1fr}.banner-copy{align-items:stretch;flex-direction:column}}
@media(max-width:560px){.container,.narrow{width:calc(100% - 28px)}section{padding:48px 0}.hero{padding:46px 0 38px}h1{font-size:39px}.actions{display:grid}.btn{width:100%}.game-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr}.step{grid-template-columns:42px 1fr;padding:17px}.banner-copy{padding:18px}.codebox{display:grid}}