*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050308;color:#ece7f6;font-family:'Manrope',system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
a{color:#c7a5ff;text-decoration:none}a:hover{color:#fff}
h1,h2,h3{font-family:'Unbounded','Manrope',sans-serif;letter-spacing:-0.02em;margin:0;font-weight:800}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px;position:relative}
.grad{background:linear-gradient(92deg,#e9d5ff 0%,#b07dff 45%,#7a2cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.glass{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.012));border:1px solid rgba(190,150,255,.16);backdrop-filter:blur(18px);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 60px rgba(0,0,0,.4)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;border-radius:999px;background:linear-gradient(135deg,#a855f7,#6d28d9 60%,#4c1d95);color:#fff;font-weight:800;font-size:15px;border:1px solid rgba(220,190,255,.35);box-shadow:0 14px 40px rgba(122,44,255,.4),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .2s,box-shadow .2s}
.btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 20px 60px rgba(122,44,255,.55),inset 0 1px 0 rgba(255,255,255,.3)}
.btn.ghost{background:rgba(255,255,255,.03);border-color:rgba(190,150,255,.25);box-shadow:none;color:#ece7f6}
.btn.ghost:hover{background:rgba(255,255,255,.07)}
.muted{color:#a394bd}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#b07dff}
.nav a{color:#bdb0d6;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px}.nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3e8ff 0%,#c084fc 18%,#7a2cff 45%,#2e0a66 75%,#120428 100%);box-shadow:0 0 80px 20px rgba(122,44,255,.4),0 0 200px 60px rgba(122,44,255,.2),inset -30px -40px 80px rgba(0,0,0,.6),inset 20px 20px 60px rgba(255,255,255,.12)}
.ring{position:absolute;border-radius:50%;background:conic-gradient(from 200deg,#ffffff 0%,#d8b4fe 12%,#7a2cff 35%,#2e0a66 55%,#c084fc 78%,#ffffff 100%);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%);filter:drop-shadow(0 20px 40px rgba(122,44,255,.5))}
.star{position:absolute;width:14px;height:14px;background:#e9d5ff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 8px #c084fc);opacity:.9}
.gridbg{position:absolute;inset:0;background-image:linear-gradient(rgba(176,125,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(176,125,255,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask:radial-gradient(ellipse at 70% 40%,#000 20%,transparent 70%);mask:radial-gradient(ellipse at 70% 40%,#000 20%,transparent 70%);pointer-events:none}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes grow{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@keyframes pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}
.fl{animation:fl 6s ease-in-out infinite}.spin{animation:spin 30s linear infinite}
.bar{transform-origin:bottom;animation:grow 1.6s cubic-bezier(.2,.8,.2,1) both}
.dot{animation:pulse 3s ease-in-out infinite}
.num{font-family:'Unbounded',sans-serif;font-size:64px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(176,125,255,.4);position:absolute;top:22px;right:26px}
input{font-family:inherit}
@media(max-width:980px){.g2,.g3,.hero{grid-template-columns:repeat(1,minmax(0,1fr)) !important}.navlinks{display:none !important}.hero h1{font-size:44px !important}.scene{height:380px !important}.h2{font-size:34px !important}.sec{padding:80px 0 !important}}
@media(max-width:640px){.wrap{padding:0 20px}.hero h1{font-size:38px !important}.scene{display:none}section[id="partnerships"]>div>div{padding:60px 20px !important}}