@font-face{font-family:"Lilita One";src:url(/assets/fonts/LilitaOne-Regular.ttf) format("truetype");font-display:swap}
:root{--bg:#16121b;--ink:#f6efe7;--soft:#cdbfd0;--card:#231c2a;--edge:#3b3044;--warm:#ffb347}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-text-size-adjust:100%}
a{color:var(--warm)}
h1,h2,.brand{font-family:"Lilita One",-apple-system,sans-serif;font-weight:400;letter-spacing:.01em}
.top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto;padding:14px 16px}
.top.flow{position:relative}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:22px}
.brand img{width:34px;height:34px}
.top nav{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:flex-end}
.top nav a{color:var(--soft);text-decoration:none;font-weight:600;font-size:15px}
.top nav a:hover{color:var(--ink)}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;padding:96px 16px 120px;
  background:radial-gradient(60% 45% at 50% 38%,rgba(255,196,84,.22),transparent 70%),radial-gradient(90% 70% at 50% 100%,rgba(120,60,140,.25),transparent 70%),var(--bg)}
.hero .bulb{width:min(240px,52vw);height:auto;filter:drop-shadow(0 18px 40px rgba(255,180,70,.35))}
.hero h1{font-size:clamp(44px,9vw,88px);line-height:1;margin:10px 0 8px}
.hero .tag{font-size:clamp(19px,3.2vw,25px);color:var(--ink);margin:0 auto 4px;max-width:640px}
.hero .sub{color:var(--soft);margin:0 0 26px}
.icons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.icons a{display:block;width:84px;text-decoration:none;color:var(--soft);font-size:13px;font-weight:600}
.icons img{width:84px;height:84px;border-radius:20px;box-shadow:0 10px 24px rgba(0,0,0,.45);display:block;margin-bottom:6px}
.cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);color:var(--soft);text-decoration:none;font-weight:700;font-size:15px;text-align:center}
.cue span{display:block;font-size:26px;line-height:1;animation:bob 1.8s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(6px)}}
.game{position:relative;min-height:100svh;display:grid;place-items:center;padding:72px 16px 90px;background:var(--bg) center/cover no-repeat}
.game::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,18,27,.96),rgba(22,18,27,.74) 35%,rgba(22,18,27,.74) 65%,rgba(22,18,27,.96))}
.inner{position:relative;width:100%;max-width:1080px;display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}
.logo{width:min(400px,78vw);height:auto;display:block;margin:0 0 58px;filter:drop-shadow(0 12px 26px rgba(0,0,0,.5))}
.card{position:relative;background:var(--card);border:1px solid var(--edge);border-left:6px solid var(--accent);border-radius:18px;padding:22px 24px 24px;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.card .kicker{display:inline-block;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin-bottom:6px}
.card p{margin:0 0 12px}
.card ul{margin:0 0 16px;padding-left:20px;color:var(--soft)}
.card .mascot{position:absolute;width:118px;height:auto;right:10px;top:-100px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.soon{display:inline-block;padding:9px 16px;border-radius:999px;background:var(--accent);color:#1d140d;font-weight:800;font-size:15px}
.phones{display:flex;gap:18px;justify-content:center}
.phones img{width:min(232px,40vw);height:auto;border-radius:30px;border:7px solid #0c0a0f;box-shadow:0 22px 44px rgba(0,0,0,.55);background:#0c0a0f}
.phones img:nth-child(2){transform:translateY(34px)}
.next{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);color:var(--soft);text-decoration:none;font-weight:700;font-size:14px;text-align:center}
.next span{display:block;font-size:22px;line-height:1;animation:bob 1.8s ease-in-out infinite}
footer{padding:36px 16px 48px;text-align:center;color:var(--soft);font-size:15px}
footer .links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
main.doc{max-width:760px;margin:0 auto;padding:12px 16px 40px}
main.doc h1{font-size:clamp(34px,6vw,46px);line-height:1.1;margin:18px 0 6px}
main.doc h2{font-size:23px;margin:30px 0 6px}
main.doc .soft{color:var(--soft)}
main.doc .card{border-left-width:1px;margin:18px 0}
main.doc .card h2{margin-top:4px}
@media (max-width:860px){.inner{grid-template-columns:1fr;gap:56px}.phones img{width:min(200px,42vw)}.card .mascot{width:96px;top:-84px;right:6px}.logo{margin-bottom:82px}.game{padding-top:84px}}
@media (prefers-reduced-motion:reduce){.cue span,.next span{animation:none}}