body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#243447}
.hero{background:linear-gradient(135deg,#081f3f,#0b4d78);color:#fff;padding:80px 10%}
.wrap{max-width:1000px}
h1{font-size:64px;letter-spacing:4px;margin:0}
.tag{color:#32d1c0;font-weight:bold}
h2{font-size:36px}
.btn{display:inline-block;background:#14b8a6;color:#fff;padding:14px 24px;text-decoration:none;border-radius:8px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;background:#0d2748;color:#fff;padding:40px 10%}
.stats div{background:#14365f;padding:20px;border-radius:10px}
.stats h3{color:#32d1c0;font-size:36px;margin:0}
section{padding:60px 10%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#fff;padding:24px;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.08)}
footer{background:#081f3f;color:#fff;text-align:center;padding:50px}