:root{color-scheme:dark;--bg:#080e1c;--surface:#111b2c;--ink:#eff5ff;--muted:#b0bed1;--accent:#35f3c7;--purple:#ab83ff;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% -10%,#183b58 0%,transparent 43%),radial-gradient(ellipse at 0% 50%,#232044 0%,transparent 40%),var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.7;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(980px,calc(100% - 42px));margin:auto}header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 0}.brand{color:#fff;font-weight:800;letter-spacing:.08em;font-size:1rem;display:inline-flex;align-items:center;gap:10px}.logo{display:inline-grid;place-items:center;border:1px solid #44ffdd88;border-radius:12px;width:36px;height:36px;color:var(--accent);font-size:1.5rem}.links{display:flex;flex-wrap:wrap;gap:14px;font-size:.92rem}.links a{color:#d9e3f3}.hero{padding:82px 0 40px}.eyebrow{color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}h1{font-size:clamp(2.3rem,5.8vw,4.8rem);line-height:1.13;letter-spacing:-.035em;margin:14px 0 22px;max-width:820px}h1 span{color:var(--accent)}.lead{color:#c8d5e7;font-size:1.12rem;max-width:730px}.panel{padding:28px;border:1px solid var(--line);background:linear-gradient(140deg,#14233a88,#11192baa);border-radius:18px;margin:25px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:35px 0 70px}.grid .panel{margin:0}.panel h2{font-size:1.2rem;margin:0 0 10px}.panel p{margin:0;color:var(--muted)}.page{padding:46px 0 85px;max-width:790px}.page h1{font-size:clamp(2.1rem,4vw,3.2rem)}.page h2{font-size:1.4rem;margin-top:38px}.page p,.page li{color:#c5d0df}.page ul{padding-left:21px}.page li{padding:3px 0}.note{border-left:3px solid var(--accent);background:#132237;padding:16px 20px;border-radius:0 10px 10px 0;margin:28px 0}.note p{margin:0}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.88rem}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}@media(max-width:700px){.grid{grid-template-columns:1fr}.hero{padding-top:56px}.nav{align-items:flex-start}.links{gap:10px}}