body{margin:0;font-family:Arial,sans-serif;background:#07111f;color:#fff;line-height:1.7}
header{position:sticky;top:0;background:rgba(7,17,31,.95);padding:20px 8%;display:flex;justify-content:space-between}
nav a,.btn{color:white;text-decoration:none;margin:0 12px}
.hero{padding:120px 8%;background:linear-gradient(135deg,#0d1b2a,#1b4d8c,#07111f);animation:fade 1.5s}
section{padding:70px 8%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.card{background:#13243c;padding:25px;border-radius:15px;transition:.3s}
.card:hover{transform:translateY(-8px)}
.btn{background:#3b82f6;padding:12px 20px;border-radius:30px}
footer{text-align:center;padding:40px;background:#111c30}
@keyframes fade{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}