body{font-family:Arial,sans-serif;margin:0;color:#222;line-height:1.6}
header{position:sticky;top:0;background:#0f172a;color:#fff}.container{max-width:1100px;margin:auto;padding:20px}
.nav{display:flex;justify-content:space-between;align-items:center}.nav a{color:#fff;text-decoration:none;margin-left:16px}
.hero{background:#eef6f8;padding:80px 20px;text-align:center}.hero h1{font-size:42px;color:#0f172a}
.btn{background:#0ea5a4;color:#fff;padding:12px 22px;border-radius:6px;text-decoration:none}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{border:1px solid #ddd;border-radius:10px;padding:20px}
footer{background:#0f172a;color:#fff;text-align:center;padding:20px;margin-top:40px}
span{font-weight:400;font-size:.6em}