*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#081522;color:#fff;line-height:1.7}
nav{display:flex;justify-content:space-between;padding:20px 8%;position:fixed;width:100%;background:#06101acc}
nav a{color:#fff;margin-left:20px;text-decoration:none}
.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#071220,#103b6d)}
h1{font-size:3rem}
.btn{margin-top:20px;background:#d8a100;color:#000;padding:12px 24px;text-decoration:none;border-radius:6px}
section{padding:90px 8%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.card{background:#13283f;padding:30px;border-radius:10px;text-align:center}
footer{text-align:center;padding:30px;background:#03070b}