*{box-sizing:border-box}body{margin:0;background:#08111f;color:#eef4ff;font-family:Inter,Arial,sans-serif}
nav{display:flex;justify-content:space-between;padding:18px 8%;position:sticky;top:0;background:#08111fcc;backdrop-filter:blur(10px)}
nav a{color:#cfe2ff;text-decoration:none;margin-left:18px}
.hero{padding:110px 8%;text-align:center;background:radial-gradient(circle at top,#2848c9,#08111f)}
h1{font-size:clamp(2.4rem,6vw,4.6rem)}
p{color:#c3d3ef}
.cta{margin-top:30px}
.btn{background:#4f7cff;padding:14px 24px;border-radius:12px;color:#fff;text-decoration:none;margin:8px;display:inline-block}
.alt{background:#22314f}
section{padding:60px 8%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#13203a;border:1px solid #29446b;border-radius:16px;padding:22px;transition:.25s}
.card:hover{transform:translateY(-6px)}
footer{text-align:center;padding:35px;border-top:1px solid #24334d;color:#9fb3d5}