body{margin:0;font-family:Arial,sans-serif;background:#f7fbff;color:#123}
header{padding:25px;text-align:center;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.logo{max-width:340px;width:90%}
.hero{padding:60px 20px;text-align:center}
.hero h1{color:#0d5db8;font-size:48px;margin:10px}
.hero p{font-size:20px;max-width:850px;margin:auto;line-height:1.7}
.btn{display:inline-block;margin:10px;padding:14px 24px;background:#0d5db8;color:#fff;text-decoration:none;border-radius:8px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:1100px;margin:40px auto;padding:0 20px}
.card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.08)}
footer{background:#0d5db8;color:#fff;padding:30px;text-align:center;margin-top:40px}