*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Segoe UI,sans-serif;background:#050816;color:#fff;overflow-x:hidden}
.container{max-width:1200px;margin:auto;padding:80px 20px}
header{position:fixed;top:0;width:100%;z-index:100;background:rgba(0,0,0,.35);backdrop-filter:blur(14px)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px}
nav a{color:#fff;text-decoration:none;margin-left:20px}
.logo{font-size:28px;font-weight:700}
.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}
.center{position:relative;z-index:2}
.hero h1{font-size:130px;font-weight:900;background:linear-gradient(90deg,#fff,#60a5fa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero h2{font-size:40px;margin:15px 0}
.hero p{max-width:700px;margin:auto;opacity:.85}
.badge{display:inline-block;padding:10px 18px;border:1px solid #60a5fa;border-radius:30px}
.btn,button{display:inline-block;margin-top:25px;padding:14px 28px;border-radius:12px;background:#2563eb;color:#fff;text-decoration:none;border:none}
.glow{position:absolute;border-radius:50%;filter:blur(120px)}
.g1{width:400px;height:400px;background:#2563eb;left:-100px;top:50px}
.g2{width:400px;height:400px;background:#7c3aed;right:-100px;bottom:50px}
.grid,.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:30px;border-radius:20px;transition:.3s}
.card:hover{transform:translateY(-8px)}
.counter{font-size:48px;color:#60a5fa}
input,textarea{width:100%;padding:14px;margin:10px 0;border:none;border-radius:10px}
footer{text-align:center;padding:40px;border-top:1px solid rgba(255,255,255,.1)}
#loader{position:fixed;inset:0;background:#050816;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}
.ring{width:80px;height:80px;border:4px solid #222;border-top:4px solid #60a5fa;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.reveal{opacity:0;transform:translateY(40px);transition:1s}
.reveal.active{opacity:1;transform:none}