body{font-family:Arial,sans-serif;background:#07111f;color:#eaf4ff;line-height:1.7}
.hero{background:radial-gradient(circle at top,#14345e,#07111f);min-height:100vh}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
nav ul{display:flex;list-style:none;margin:0;padding:0;gap:20px}
nav a{text-decoration:none;color:#fff}
.logo{font-size:1.6rem;font-weight:700}
.hero-content{padding:80px 0}
.hero img,.cardx img{width:100%;border-radius:18px}
h1{font-size:3rem;font-weight:800}
.section{padding:90px 0}
.dark{background:#0d1b2e}
.cardx{background:rgba(255,255,255,.05);padding:25px;border:1px solid rgba(255,255,255,.08);border-radius:18px;height:100%;transition:.3s}
.cardx:hover{transform:translateY(-8px)}
.btn-glow{background:#23b5ff;color:#fff;padding:14px 28px;border-radius:40px;text-decoration:none}
.timeline{background-image:linear-gradient(180deg,rgba(35,181,255,.08),transparent)}
footer{padding:60px 0;background:#030811}
footer a{color:#7fd8ff;text-decoration:none}