:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#07111f;color:#e2e8f0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#0f172a,#020617 60%)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid rgba(148,163,184,.15);background:#020617b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.topbar nav{display:flex;gap:18px;color:#cbd5e1}.brand{font-weight:700;font-size:20px}.content{max-width:1120px;margin:0 auto;padding:48px 24px 80px}.hero{padding:48px;border:1px solid rgba(96,165,250,.22);background:linear-gradient(135deg,#0f172af2,#1e293be6);border-radius:24px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#3b82f62e;color:#93c5fd;font-size:14px;margin-bottom:16px}.hero h1{margin:0 0 16px;font-size:52px;line-height:1.1}.hero p{max-width:760px;color:#cbd5e1;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:24px}.primary,.secondary{padding:12px 18px;border-radius:12px;font-weight:600}.primary{background:#2563eb}.secondary{background:#94a3b824}.page-card{padding:32px;border:1px solid rgba(148,163,184,.15);border-radius:20px;background:#0f172abf}.page-card ul{line-height:1.8;color:#cbd5e1}