
:root{--bg:#090817;--panel:#12102a;--panel2:#18143a;--ink:#f7f4ff;--muted:#b9b2d0;--gold:#f2cf72;--violet:#9f83ff;--line:#2d2850;--max:1120px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 75% -10%,#2d225e 0,transparent 32%),var(--bg);color:var(--ink);line-height:1.68}
a{color:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(9,8,23,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:22px}.brand{text-decoration:none;font-weight:850;letter-spacing:-.03em}.brand span{color:var(--gold)}.navlinks{display:flex;gap:22px;font-size:.92rem;color:var(--muted)}.navlinks a{text-decoration:none}.navlinks a:hover{color:#fff}
.hero{padding:92px 0 56px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-size:.75rem;font-weight:800}.hero h1,.article h1{font-size:clamp(2.55rem,7vw,5.8rem);line-height:.96;letter-spacing:-.065em;margin:.18em 0}.article h1{font-size:clamp(2.35rem,6vw,4.7rem);max-width:920px}.lede{font-size:1.22rem;color:var(--muted);max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:800;background:var(--gold);color:#17101f}.btn.secondary{background:transparent;color:#fff;border:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);padding:24px;border-radius:20px;text-decoration:none}.card small{color:var(--gold);font-weight:800}.card h3{margin:.4em 0;font-size:1.35rem}.card p{color:var(--muted);margin:0}.section{padding:50px 0}.section h2,.article h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em}.path{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{border-top:1px solid var(--line);padding:18px 4px;color:var(--muted)}.step b{display:block;color:#fff;margin-bottom:6px}
.article{padding:70px 0}.article-body{max-width:780px}.article-body p,.article-body li{color:#d6d0e4}.note,.cta{padding:22px;border-radius:18px;background:var(--panel);border:1px solid var(--line);margin:28px 0}.note strong{color:var(--gold)}.cta{background:linear-gradient(135deg,#20194a,#15102e)}.cta h3{margin-top:0}.cta p{color:var(--muted)}
.breadcrumb{font-size:.86rem;color:var(--muted);margin-bottom:30px}.breadcrumb a{color:var(--muted)}footer{border-top:1px solid var(--line);padding:42px 0;color:var(--muted);font-size:.9rem}.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot a{margin-right:14px}
.popup-backdrop{display:none;position:fixed;inset:0;background:rgba(3,2,12,.72);z-index:90;align-items:center;justify-content:center;padding:20px}.popup{width:min(520px,100%);background:#11102a;border:1px solid #443a78;border-radius:26px;padding:30px;box-shadow:0 30px 100px #000}.popup h2{font-size:2rem;line-height:1.05;margin:.25em 0}.popup p{color:var(--muted)}.popup-close{float:right;border:0;background:transparent;color:#fff;font-size:1.5rem;cursor:pointer}.popup-kicker{color:var(--gold);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.popup-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:800px){.grid,.path{grid-template-columns:1fr}.navlinks{display:none}.hero{padding-top:62px}.article{padding-top:44px}.hero h1{font-size:3.4rem}}
