body{margin:0;font-family:Arial,sans-serif;background:#081321;color:#fff}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;background:#0f1b30;position:sticky;top:0}
.logo{font-weight:bold;color:#d4a017}.logo span{color:#fff}
nav a{text-decoration:none;color:#fff;margin-left:18px}
.hero{padding:100px 8%;background:linear-gradient(135deg,#081321,#1d3b66)}
.hero h1{font-size:3rem;max-width:700px}
.btn{display:inline-block;margin:8px;padding:12px 18px;background:#d4a017;color:#081321;border-radius:8px;text-decoration:none;border:none}
.ghost{background:transparent;color:#fff;border:1px solid #d4a017}
.section{padding:60px 8%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#132544;padding:20px;border-radius:14px;border:1px solid #29456f}
button{background:#d4a017;border:none;padding:10px 14px;border-radius:6px}
footer{text-align:center;padding:30px;background:#0f1b30}