:root{color-scheme:light dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#0b1220;color:#e5f0ff}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}.navbar{position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b122099;border-bottom:1px solid rgba(255,255,255,.08);z-index:10}.navbar-inner{display:flex;gap:16px;align-items:center;padding:12px 20px}.brand{display:flex;align-items:center;gap:8px;font-weight:700}.brand-badge{width:26px;height:26px;border-radius:8px;background:#22c55e;display:inline-flex;align-items:center;justify-content:center;color:#0b1220;font-weight:900}.navlinks{display:flex;gap:14px;flex-wrap:wrap}.navlink{padding:8px 10px;border-radius:10px;color:#b7c4ff}.navlink.active{background:#192243;color:#fff}.header-cta{margin-left:auto}.btn{background:#2563eb;color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.btn:active{transform:translateY(1px)}.hero{padding:40px 0 20px}.h1{font-size:40px;line-height:1.1;margin:0 0 12px}.muted{color:#9db0ff}.section{padding:24px 0}.card{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}