body{margin:0;font-family:system-ui;background:#0f172a;color:#e5e7eb}
.navbar{display:flex;justify-content:space-between;padding:1rem;background:#020617}
.nav-links{display:flex;list-style:none}
.nav-links li{margin-left:1rem}
.hero{text-align:center;padding:4rem;background:linear-gradient(135deg,#2563eb,#0ea5e9)}
.grid{display:grid;gap:1rem;padding:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:#020617;padding:1.5rem;border-radius:1rem}
.burger{display:none}
@media(max-width:768px){.burger{display:block}.nav-links{display:none}}