*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins}
body{background:#000;color:#fff;overflow-x:hidden}

.nav{position:fixed;width:100%;padding:22px 8%;display:flex;justify-content:space-between;backdrop-filter:blur(14px);background:rgba(0,0,0,.55);z-index:20}
.logo span{color:#1f7aff}
.nav a{color:white;margin-left:24px;text-decoration:none}
.btn{border:1px solid #1f7aff;padding:8px 18px;border-radius:999px}

.hero{height:100vh;position:relative;display:flex;align-items:center;padding-left:10%}
.bg-gradient{position:absolute;inset:0;background:linear-gradient(120deg,#020024,#090979,#00d4ff);background-size:400% 400%;animation:gradient 14s ease infinite}
.bg-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}
@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

.hero-content{position:relative;max-width:650px}
.headline{font-size:64px;line-height:1.1}
.headline span{color:#1f7aff}
.subhead{margin:20px 0;opacity:.85}
.cta{display:inline-block;margin-top:25px;padding:16px 34px;background:#1f7aff;border-radius:999px;color:white;text-decoration:none;font-weight:600}

.section{padding:160px 12%;text-align:center}
.dark{background:#0a0a0a}

.impact{display:flex;justify-content:space-around;padding:140px 10%;background:radial-gradient(circle at top,#0b1c3d,#000)}
.stat h3{font-size:56px;color:#1f7aff}

.cards{display:flex;justify-content:center;gap:30px;margin-top:50px}
.card{background:#111;padding:40px;border-radius:18px;width:260px;transition:.4s}
.card:hover{transform:translateY(-14px) scale(1.06)}

form{max-width:520px;margin:auto}
input,textarea{width:100%;padding:16px;margin-top:14px;background:#1a1a1a;border:none;border-radius:10px;color:white}

footer{text-align:center;padding:40px;opacity:.6}

.reveal{opacity:0;transform:translateY(60px)}
.delay{transition-delay:.15s}
