:root{color-scheme:dark;--bg:#080d15;--panel:#101827;--line:#24324b;--text:#eff5ff;--muted:#a9b6ca;--accent:#7cc4ff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#152238 0,#080d15 45%);color:var(--text);font-family:Segoe UI,Arial,sans-serif}
.wrap{max-width:1050px;margin:auto;padding:28px}.nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:8px 0 28px}.nav b{font-size:22px;margin-right:auto}.nav a{color:var(--text);text-decoration:none}
.hero,.card{border:1px solid var(--line);background:rgba(16,24,39,.92);border-radius:22px;padding:30px;margin-bottom:20px}
.hero h1{font-size:46px;margin:0 0 12px}.muted{color:var(--muted);line-height:1.65}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
h2{margin-top:0}a{color:var(--accent)}.pill{display:inline-block;border:1px solid #35527a;border-radius:999px;padding:6px 12px;margin:4px;color:#cde8ff}
footer{color:var(--muted);padding:24px 0 50px}.small{font-size:14px}