:root{
  --bg:#0d1117; --panel:#0f172a; --ink:#e5e7eb; --muted:#9ca3af; --accent:#22d3ee; --accent2:#60a5fa;
  --radius:16px; --shadow:0 10px 30px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#0b1220,#0a0f1a 60%);color:var(--ink);
     font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}
a{color:inherit}
.container{max-width:1060px;margin:auto;padding:20px}
.nav{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}
.nav a{padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;text-decoration:none}
.nav a.active{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#081227}
.card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
      border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:18px;
      box-shadow:var(--shadow);backdrop-filter:blur(6px);margin-bottom:16px}
.btn{display:inline-block;padding:11px 16px;border-radius:12px;text-decoration:none;color:#0b1020;
     background:linear-gradient(90deg,var(--accent),var(--accent2));font-weight:650;
     border:1px solid rgba(255,255,255,.3)}
footer{color:var(--muted);font-size:.9rem;padding:24px 20px 48px}
ul.clean{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.item{padding:12px;border-radius:12px;background:#0b1220;border:1px solid rgba(255,255,255,.08)}