body{margin:0;font-family:Segoe UI,Arial,sans-serif;line-height:1.6;color:#333}
header{background:#243447;color:#fff;padding:16px}
.hero{padding:80px 20px;text-align:center;background:linear-gradient(135deg,#243447,#1E88E5,#26C6DA);color:#fff}
.container{max-width:1200px;margin:auto;padding:40px 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{padding:20px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}
footer{background:#243447;color:#fff;padding:30px;text-align:center}
footer a{color:#fff}