:root{--bg:#0d1117;--bg2:#0f1623;--text:#e6edf3;--muted:#9fb0c3;--brand:#00e4b8;--brand2:#1d9bf0;}
html,body{margin:0;padding:0;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font:16px/1.6 Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--brand)}
.container{max-width:1120px;margin:0 auto;padding:24px}
header{position:sticky;top:0;background:rgba(13,17,23,.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;gap:10px;font-weight:800}
.logo-badge{width:28px;height:28px;border-radius:10px;background:radial-gradient(60% 60% at 50% 50%, var(--brand) 0%, var(--brand2) 100%);display:grid;place-items:center;color:#001b16;font-weight:900}
.menu{display:flex;gap:14px;flex-wrap:wrap}
.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:12px}