*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,-apple-system,sans-serif;background:#07111f;color:#fff;overflow-x:hidden}
.bg{position:fixed;inset:0;background:
radial-gradient(circle at 20% 20%,rgba(69,135,255,.25),transparent 35%),
radial-gradient(circle at 80% 30%,rgba(0,255,255,.12),transparent 30%),
linear-gradient(180deg,#07111f,#0b1830);z-index:-1}
.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 8%;backdrop-filter:blur(10px)}
.logo{font-size:28px;font-weight:800;color:#7cc4ff}
nav a{color:#d8e7ff;text-decoration:none;margin-left:18px}
.btn,.primary,.secondary{padding:12px 22px;border-radius:12px;text-decoration:none}
.btn,.primary{background:#2f7cff;color:#fff}
.secondary{border:1px solid #4a6ea8;color:#fff}
.hero{display:flex;justify-content:center;align-items:center;min-height:72vh;padding:30px}
.glass{max-width:760px;background:rgba(255,255,255,.06);backdrop-filter:blur(18px);padding:50px;border-radius:24px;border:1px solid rgba(255,255,255,.1);text-align:center}
.badge{display:inline-block;background:#17365e;padding:8px 14px;border-radius:99px;color:#9fd1ff}
h1{font-size:clamp(2.2rem,6vw,4rem);margin:18px 0}
p{color:#cbd7ea;line-height:1.7}
.actions{margin-top:28px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:0 8% 60px}
.card{background:#111d33;padding:24px;border-radius:18px;border:1px solid rgba(255,255,255,.08);transition:.3s}
.card:hover{transform:translateY(-6px)}
footer{text-align:center;padding:35px;color:#9fb2d0}