body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#e5e7eb}
header{background:#111827;padding:20px}
nav a{color:#fff;text-decoration:none;margin-right:15px}
.hero{padding:80px 40px;background:linear-gradient(135deg,#1e293b,#1d4ed8)}
.container{max-width:1200px;margin:auto;padding:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.card{background:#1e293b;padding:20px;border-radius:12px}
footer{padding:30px;text-align:center;background:#111827}