body{font-family:Arial,sans-serif;margin:0;color:#222}
.container{width:90%;max-width:1200px;margin:auto}
header{background:#0f172a;color:#fff;padding:20px 0}
nav a{color:#fff;margin-right:20px;text-decoration:none}
.hero{padding:120px 0;text-align:center;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}
.btn{background:#fff;color:#2563eb;padding:12px 24px;border-radius:6px;text-decoration:none}
.services{padding:60px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{padding:30px;border:1px solid #ddd;border-radius:10px}
footer{background:#111827;color:#fff;padding:30px 0}