*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
body{color:#222;line-height:1.6}
.container{width:90%;max-width:1100px;margin:auto}
header{background:#0f172a;color:#fff;padding:16px 0}
header .container{display:flex;justify-content:space-between;align-items:center}
nav a{color:#fff;margin-left:18px;text-decoration:none;font-weight:600}
.hero{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;padding:80px 0;text-align:center}
.hero h2{font-size:2.5rem;margin-bottom:12px}
.btn{display:inline-block;margin-top:16px;padding:12px 22px;background:#fff;color:#111;border-radius:6px;text-decoration:none;font-weight:700}
.section{padding:60px 0}
.section.light{background:#f4f6f8}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:24px}
.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
footer{background:#0f172a;color:#fff;text-align:center;padding:18px 0}