body{margin:0;font-family:Inter,Arial,sans-serif;background:#07111f;color:#eef4ff}
.nav{position:fixed;top:0;left:0;right:0;padding:20px 8%;display:flex;justify-content:space-between;background:rgba(7,17,31,.75);backdrop-filter:blur(10px)}
nav a{color:#dce8ff;margin-left:20px;text-decoration:none}
.logo{font-weight:800;font-size:2rem;color:#57adff}
.hero{min-height:100vh;display:grid;place-items:center;text-align:center;padding:120px 8%;position:relative;overflow:hidden}
.aurora{position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,#2f7cff55,transparent 60%);animation:float 10s ease-in-out infinite}
@keyframes float{50%{transform:translateY(50px) scale(1.1)}}
.hero-inner{position:relative;max-width:900px}
.eyebrow{letter-spacing:3px;color:#6eb8ff}
h1{font-size:clamp(3rem,7vw,5.5rem)}
.lead{font-size:1.2rem;color:#b9c7db;line-height:1.7}
.button,button{display:inline-block;background:#3b8dff;color:white;padding:16px 28px;border-radius:12px;text-decoration:none;border:none;cursor:pointer}
.section{padding:80px 8%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#14233a;padding:24px;border-radius:16px}
.alt{background:#0d182b}
.topics{display:grid;gap:12px}
.topics span{background:#14233a;padding:16px;border-radius:12px}
blockquote{font-size:1.8rem;line-height:1.6;max-width:900px;margin:auto;color:#d9e7ff}
.cta{text-align:center}
input{padding:15px;width:min(420px,90%);border-radius:10px;border:none;margin:20px}
footer{text-align:center;padding:40px;color:#90a6c7}