:root{--bg:#0a0a0a;--panel:#ffffff08;--line:#ffffff14;--muted:#ffffffbf;--txt:#f2f2f2;--pill:#ffffff0f;--pill-line:#ffffff1f}*{box-sizing:border-box}html,body{height:100%}body{color:var(--txt);background:radial-gradient(1200px 600px at 20% -10%,#202020 0%,#0c0c0c 60%,#060606 100%),var(--bg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}a{color:inherit}code{background:#111;border-radius:6px;padding:.1rem .3rem}.container{max-width:1100px;margin:0 auto;padding:0 22px}.header{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.nav a{color:#ddd;margin-left:14px;text-decoration:none}.btn{color:#fff;background:linear-gradient(#111,#0b0b0b);border:1px solid #222;border-radius:12px;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 6px 16px #0000001f}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.pill{background:var(--pill);border:1px solid var(--pill-line);color:#ddd;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.footer{border-top:1px solid var(--line);color:var(--muted);padding:16px 0;font-size:13px}