:root{--bg:#0f172a;--surface:#111827;--card:#0b1220;--text:#e5e7eb;--muted:#9ca3af;--accent:#60a5fa;--accent2:#22d3ee;--border:#1f2937;--chip:#111827}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(180deg,var(--bg),var(--surface) 60%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.container{max-width:1100px;margin:0 auto;padding:24px}.navbar-wrap{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:rgba(15,23,42,.7);border-bottom:1px solid rgba(255,255,255,.08)}
.navbar{max-width:1100px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav-left{display:flex;align-items:center;gap:12px}.logo{width:10px;height:10px;border-radius:50%;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 16px rgba(96,165,250,.5)}
.site{font-weight:700;letter-spacing:.2px}.nav-links{display:flex;gap:14px;flex-wrap:wrap}.nav-links a{color:var(--text);font-size:14px;opacity:.9;text-decoration:none}
.theme-toggle{border:1px solid var(--border);background:var(--chip);color:var(--text);padding:6px 10px;border-radius:999px;font-size:12px}
.hero{margin:42px 0 32px;padding:28px;border:1px solid var(--border);border-radius:16px;background:radial-gradient(1200px 600px at 10% -20%, rgba(96,165,250,.15), transparent 50%),radial-gradient(1000px 400px at 100% 0%, rgba(34,211,238,.12), transparent 50%),var(--card)}
.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}
.card{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:16px}.muted{color:var(--muted)}
ul{padding-left:18px;margin:8px 0 0}li{margin:6px 0}footer{margin:60px 0 20px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}