:root{--bg:#05070b;--panel:#ffffff0f;--panel-strong:#ffffff1a;--line:#ffffff21;--text:#f8fbff;--muted:#f8fbffad;--cyan:#00d4ff;--violet:#9b5de5;--gold:#ffd166;--danger:#ff5d8f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top, #00d4ff1a, transparent 30%), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.page{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 64px}.stack{gap:18px;display:grid}.hero{align-content:center;gap:28px;min-height:92vh;display:grid}.eyebrow{color:var(--cyan);letter-spacing:.24em;text-transform:uppercase;font-size:12px;font-weight:800}.title{letter-spacing:0;margin:0;font-size:clamp(40px,8vw,92px);line-height:.92}.subtitle{color:var(--muted);max-width:720px;font-size:18px;line-height:1.65}.card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff17,#ffffff0b);border-radius:8px;padding:22px;box-shadow:0 20px 70px #00000057}.grid{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.button{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-weight:900;display:inline-flex}.button.secondary{border:1px solid var(--line);background:#ffffff14}.input{border:1px solid var(--line);width:100%;color:var(--text);background:#0000003d;border-radius:8px;padding:14px}.muted{color:var(--muted)}.video-frame{aspect-ratio:1;border-radius:8px;width:100%;max-width:420px;margin:0 auto;overflow:hidden}.video-frame video{object-fit:cover;width:100%;height:100%;display:block}.toc{flex-wrap:wrap;gap:10px;display:flex}.toc a{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:9px 12px}@media (max-width:760px){.page{width:min(100% - 24px,1120px);padding-top:20px}.grid-2,.grid-3{grid-template-columns:1fr}.hero{min-height:auto;padding:42px 0}}