body {font-family: Arial, sans-serif; margin:0; background:#f5f7fb; color:#0a1f44;}
header {background:white; padding:15px 30px; border-bottom:1px solid #e3e6ee; display:flex; align-items:center;}
.logo {display:flex; align-items:center;}
.logo img {height:55px; margin-right:15px;}
.title h1 {margin:0; font-size:26px; color:#0a1f44;}
.title p {margin:0; margin-top:3px; font-size:14px; color:#123b86;}
.hero {text-align:center; padding:60px 20px; max-width:900px; margin:auto;}
.hero h1 {font-size:42px; color:#0a1f44;}
.hero h2 {font-size:24px; color:#123b86; margin-top:10px;}
.hero p {font-size:18px; line-height:1.5;}
.features {display:flex; justify-content:center; gap:20px; padding:40px 20px; flex-wrap:wrap;}
.card {background:white; padding:25px; border-radius:12px; width:280px; box-shadow:0 3px 10px rgba(0,0,0,0.05);}
.card h3 {color:#0a1f44;}
footer {display:flex; justify-content:space-between; padding:20px 30px; font-size:14px; background:white; border-top:1px solid #e3e6ee;}