body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#333;line-height:1.6}
header{display:flex;justify-content:space-between;align-items:center;background:#0B1F3A;padding:18px 40px}
header img{height:50px}
nav a{color:#fff;margin:0 12px;text-decoration:none;font-weight:bold}
.hero{background:url('assets/hero.svg') center/cover no-repeat;height:420px;display:flex;align-items:center;justify-content:center;color:white;text-align:center}
.hero h1{font-size:48px;margin:0}
.container{max-width:1100px;margin:auto;padding:60px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.card{border:1px solid #eee;border-radius:8px;padding:25px;background:#fafafa}
.section-title{font-size:34px;margin-bottom:20px}
footer{background:#0B1F3A;color:white;text-align:center;padding:30px;margin-top:40px}
ul{padding-left:20px}