body{margin:0;font-family:Inter,Arial;background:#0b1220;color:#e5e7eb}
header{position:fixed;width:100%;background:rgba(2,6,23,.85);backdrop-filter:blur(10px)}
nav{max-width:1200px;margin:auto;display:flex;justify-content:space-between;padding:20px}
nav a{color:#cbd5f5;text-decoration:none;margin-left:20px}
.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;
background:linear-gradient(120deg,#020617,#1e40af)}
.section{max-width:1200px;margin:auto;padding:100px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card{background:#111827;padding:25px;border-radius:16px;transition:.3s}
.card:hover{transform:translateY(-8px)}
button{padding:10px 20px;background:#1d4ed8;border:none;color:white;border-radius:8px}