:root { --bg:#0a0f1f; --panel:#111935; --text:#eaf0ff; --muted:#aab5d6; --accent:#7aa2ff; }
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1000px 600px at 20% -10%,#1a2858 0%,var(--bg) 45%,#080c19 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.wrap{max-width:920px;margin:0 auto;padding:52px 20px 40px}
.hero{margin-bottom:20px}.tag{display:inline-block;font-size:12px;letter-spacing:.14em;color:var(--muted);border:1px solid #2a3a74;border-radius:999px;padding:5px 10px}
h1{font-size:clamp(30px,5vw,48px);margin:14px 0 10px}.sub{color:var(--muted);line-height:1.8;max-width:820px}
.actions{display:flex;gap:12px;margin-top:16px}.btn{padding:10px 14px;border:1px solid #2b3a72;border-radius:10px;color:#dce5ff;text-decoration:none}
.btn.primary{background:#2f57ff;color:#fff;border-color:#2f57ff}
.card{background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid #25325e;border-radius:14px;padding:18px;margin:14px 0;backdrop-filter:blur(4px)}
h2{margin:4px 0 12px;font-size:20px}ul{margin:0;padding-left:18px}li{margin:8px 0;color:#d5def8;line-height:1.7}
footer{margin-top:18px;color:var(--muted);font-size:14px}