body{margin:0;font-family:Arial,sans-serif;background:#f8f7f3}
header{background:#0057B8;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:12px}.brand img{height:70px}
nav a{color:#fff;text-decoration:none;margin-left:15px}
.hero{text-align:center;padding:70px 20px}.hero img{max-width:320px;width:90%}
.btn{background:#F4B400;color:#000;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:bold}
.container{max-width:1100px;margin:auto;padding:40px 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
footer{background:#2c2c2c;color:#fff;text-align:center;padding:20px}