:root{--bg:#0b1020;--bg2:#111936;--text:#e9eefb;--muted:#a8b1c7;--line:#253055;--brand:#4f8cff}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#182850 0%,var(--bg) 35%);color:var(--text);line-height:1.65}
.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(8px);background:rgba(8,12,25,.78);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar .inner{max-width:980px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.topbar a{color:#cfe0ff;text-decoration:none;font-weight:600}
.btn{background:linear-gradient(135deg,var(--brand),#2c6cff);color:#fff!important;padding:10px 14px;border-radius:10px}
.wrap{max-width:920px;margin:0 auto;padding:26px 20px 64px}
a{color:#8bb3ff}
h1,h2,h3{line-height:1.2}
.card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px;margin:14px 0}
.muted{color:var(--muted)}
ul{padding-left:18px}