:root{--bg:#0B0C12;--panel:#14171F;--text:#EDEFF7;--muted:#9AA3BC;--v1:#7C8CFF;--v2:#C46BFF;--border:rgba(255,255,255,.09);--grad:linear-gradient(100deg,#8E9BFF,#C77CFF)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--v1);text-decoration:none}a:hover{text-decoration:underline}
.glowbg{position:fixed;inset:0;z-index:-1;background:radial-gradient(60vw 60vw at 18% 0%,rgba(124,140,255,.14),transparent 60%),radial-gradient(55vw 55vw at 90% 100%,rgba(196,107,255,.10),transparent 60%),var(--bg)}
nav{position:sticky;top:0;z-index:10;backdrop-filter:blur(16px);background:rgba(11,12,18,.72);border-bottom:1px solid var(--border)}
.nav-in{max-width:820px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:9px;font-family:'Comfortaa',sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:2px;color:var(--text)}
.brand img{width:28px;height:28px}
.nav-in .spacer{flex:1}
.btn{display:inline-block;padding:.6rem 1.3rem;border-radius:999px;font-weight:600;font-size:.92rem;background:var(--grad);color:#fff}
.btn.ghost{background:rgba(255,255,255,.07);border:1px solid var(--border);color:var(--text)}
article{max-width:760px;margin:0 auto;padding:54px 24px 30px}
article .kicker{color:var(--v1);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.78rem}
article h1{font-size:clamp(1.9rem,5vw,2.8rem);font-weight:800;letter-spacing:-1px;line-height:1.12;margin:10px 0 14px}
article h2{font-size:1.5rem;font-weight:700;margin:34px 0 10px;letter-spacing:-.5px}
article h3{font-size:1.15rem;font-weight:700;margin:22px 0 6px}
article p,article li{color:#C7CCDD;font-size:1.05rem}
article p{margin:0 0 14px}
article ul{margin:0 0 16px;padding-left:22px}article li{margin:6px 0}
article .lead{font-size:1.2rem;color:var(--muted);margin-bottom:24px}
article strong{color:var(--text)}
.cta-box{margin:36px 0;padding:24px 26px;background:var(--panel);border:1px solid var(--border);border-radius:18px;text-align:center}
.cta-box h3{margin:0 0 12px}
.related{margin:30px 0;padding-top:20px;border-top:1px solid var(--border)}
.related a{display:block;margin:8px 0}
footer{border-top:1px solid var(--border);margin-top:30px;padding:28px 24px;color:var(--muted);font-size:.85rem;text-align:center}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}