*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#0b1020;color:#fff}
.container{max-width:1200px;margin:auto;padding:0 24px}
header{border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:#0b1020}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
nav a{color:#fff;text-decoration:none;margin-left:18px}
.hero{padding:100px 0;text-align:center}
.hero h1{font-size:56px;margin:0}
.hero p{max-width:700px;margin:20px auto;color:#b8c0d4}
.btn{display:inline-block;padding:14px 24px;background:#4f46e5;color:#fff;border-radius:10px;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:40px 0}
.card{background:#121a30;border:1px solid rgba(255,255,255,.08);padding:24px;border-radius:16px}
footer{border-top:1px solid rgba(255,255,255,.1);padding:30px 0;color:#b8c0d4;text-align:center}