body{margin:0;font-family:Segoe UI;background:#f4f7fb;color:#1d2b3c}
header{position:fixed;width:100%;background:#fff;padding:15px 7%;display:flex;justify-content:space-between;box-shadow:0 3px 15px rgba(0,0,0,.1)}
header img{height:65px}
nav a{text-decoration:none;margin:15px;color:#163b62}
.hero{padding:150px 7% 100px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0b3f73,#17bfd8);color:#fff}
.hero img{width:360px;border-radius:25px}
.btn{background:white;color:#0b3f73;padding:15px 25px;border-radius:15px;text-decoration:none}
section{padding:80px 7%}
section img{width:100%;border-radius:20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.cards div{background:white;padding:40px;border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,.1)}
footer{background:#12263a;color:white;text-align:center;padding:25px}