body{margin:0;font-family:Inter,Arial,sans-serif;color:#0f172a}
header,footer{padding:20px 8%;border-bottom:1px solid #e5e7eb}
nav a{margin-right:20px;font-weight:600;text-decoration:none;color:#0f172a}
.hero{padding:100px 8%;background:#0f172a;color:#fff}
.section{padding:80px 8%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.card{border:1px solid #e5e7eb;border-radius:10px;padding:30px}
.btn{background:#2563eb;color:#fff;padding:12px 20px;border-radius:6px;text-decoration:none;font-weight:600}
footer{background:#020617;color:#cbd5f5}