*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#060816;color:#fff;overflow-x:hidden}
.hero{height:100vh;position:relative;display:flex;flex-direction:column}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 6%}
.glass{background:rgba(255,255,255,.08);backdrop-filter:blur(16px);position:fixed;left:4%;right:4%;top:20px;border-radius:18px}
.nav ul{display:flex;gap:28px;list-style:none}
button,.cta{background:linear-gradient(90deg,#8b5cf6,#06b6d4);padding:14px 28px;border-radius:40px;color:#fff;text-decoration:none;border:none}
.hero-content{margin:auto;text-align:center;z-index:2}
h1{font-size:78px;background:linear-gradient(#fff,#cfc7ff);-webkit-background-clip:text;color:transparent}
p{font-size:22px;margin:20px}
.aurora{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,#7c3aed66,transparent 35%),radial-gradient(circle at 80% 20%,#22d3ee66,transparent 30%),radial-gradient(circle at 50% 80%,#ec489966,transparent 30%);filter:blur(30px);animation:move 12s infinite alternate}
@keyframes move{to{transform:scale(1.2) rotate(8deg)}}
.scroll{position:absolute;bottom:30px;width:100%;text-align:center;animation:bounce 1.8s infinite}
@keyframes bounce{50%{transform:translateY(10px)}}
.stats{display:flex;justify-content:center;gap:80px;padding:70px;background:#0d1226}
.stats span{font-size:54px;font-weight:bold}
#cursor{position:fixed;width:22px;height:22px;border-radius:50%;background:#fff3;pointer-events:none;transform:translate(-50%,-50%);backdrop-filter:blur(5px)}