body{margin:0;font-family:Arial,sans-serif;background:#f6f9fc;color:#123}
header{display:flex;justify-content:space-between;align-items:center;padding:15px 8%;background:#fff;position:sticky;top:0}
.logo{height:70px}.hero{padding:80px 10%;text-align:center;background:linear-gradient(135deg,#0a4d8c,#56a8ff);color:#fff}
.btn,.btn2{display:inline-block;margin:10px;padding:12px 20px;border-radius:8px;text-decoration:none}
.btn{background:#fff;color:#0a4d8c}.btn2{background:#0d2f57;color:#fff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px}
.cards div{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
section{padding:50px 8%}footer{text-align:center;padding:20px;background:#0d2f57;color:#fff}