*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#07111f;color:#fff}
nav{display:flex;justify-content:space-between;padding:18px 40px;background:#091829;position:sticky;top:0}
nav a{color:#fff;text-decoration:none;margin-left:18px}
.hero{padding:110px 20px;text-align:center;background:linear-gradient(135deg,#0b1220,#1d4ed8)}
.hero h1{font-size:52px;margin:0}.hero p{color:#dbeafe;font-size:20px}
.btn{display:inline-block;margin-top:25px;padding:14px 28px;background:#3b82f6;color:#fff;border-radius:8px;text-decoration:none}
section{max-width:1100px;margin:auto;padding:60px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.card{background:#122033;border:1px solid #223955;border-radius:12px;padding:20px}
.about{text-align:center}
footer{text-align:center;padding:40px;background:#091829;color:#b8c4d6}
@media(max-width:700px){.hero h1{font-size:36px}nav{padding:16px}}