:root{--black:#020408;--black-2:#050a12;--black-3:#080f1e;--black-4:#0d1628;--glass:#080e1e99;--glass-border:#7c3aed2e;--glass-inner:#7c3aed0a;--silver:#b8c4dc;--silver-dim:#6b7a99;--purple:#7c3aed;--purple-light:#a78bfa;--purple-dark:#3b1279;--purple-glow:#7c3aed80;--pink:#c026d3;--pink-light:#e879f9;--pink-glow:#c026d359;--cyan:#06b6d4;--cyan-light:#22d3ee;--cyan-dark:#0e7490;--cyan-glow:#06b6d473;--blue:#1e3a8a;--blue-light:#60a5fa;--white:#eef2ff;--white-70:#eef2ffb3;--white-50:#eef2ff80;--white-30:#eef2ff4d;--white-10:#eef2ff1a;--white-05:#eef2ff0d;--font-display:"Orbitron", "Chakra Petch", sans-serif;--font-heading:"Chakra Petch", "Rajdhani", "Oswald", sans-serif;--font-body:"Montserrat", sans-serif;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-xl:0px;--transition:.25s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--black);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{border:1px solid var(--glass-border);color:var(--white);border-radius:var(--radius-md);transition:border-color var(--transition);background:#080e1ecc;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--cyan-light);box-shadow:0 0 0 3px #06b6d433}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 10% 20%,#7c3aed24 0%,#0000 60%),radial-gradient(60% 50% at 90% 10%,#c026d31a 0%,#0000 55%),radial-gradient(70% 70% at 50% 90%,#1e3a8a2e 0%,#0000 60%),radial-gradient(50% 40% at 80% 60%,#06b6d414 0%,#0000 50%),radial-gradient(90% 80% at 20% 80%,#7c3aed14 0%,#0000 65%);animation:30s ease-in-out infinite alternate nebula-drift;position:fixed;inset:0}@keyframes nebula-drift{0%{opacity:.8;transform:scale(1)translate(0)}50%{opacity:1;transform:scale(1.03)translate(8px)}to{opacity:.85;transform:scale(.98)translate(-8px)}}body:before{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.02em;font-weight:700;line-height:1.2}.display{font-family:var(--font-display);letter-spacing:.04em}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section{z-index:1;padding:6rem 0;position:relative}.section-sm{z-index:1;padding:4rem 0;position:relative}.glass-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#080e1ebf 0%,#140a2d99 100%);padding:2rem;position:relative;overflow:hidden;transform:skew(-2deg)}.glass-card:before{content:"";pointer-events:none;background:radial-gradient(at 0 0,#7c3aed12 0%,#0000 60%),radial-gradient(at 100% 100%,#06b6d40d 0%,#0000 60%);position:absolute;inset:0}.glass-card>*{z-index:1;position:relative;transform:skew(2deg)}.glass-card-hover{transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition)}.glass-card-hover:hover{border-color:#a78bfa66;transform:translateY(-6px)skew(-2deg);box-shadow:0 24px 64px #0009,0 0 40px #7c3aed40,0 0 80px #06b6d41a,inset 0 1px #a78bfa26}.btn{border-radius:var(--radius-md);font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition);white-space:nowrap;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;transform:skew(-10deg)}.btn>*{transform:skew(10deg)}.btn:before{content:"";opacity:0;transition:opacity var(--transition);background:#ffffff14;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--purple) 0%, var(--pink) 50%, var(--cyan) 100%);color:#fff;box-shadow:0 4px 20px var(--purple-glow), 0 4px 20px #c026d333;background-size:200% 200%;border:1px solid #a78bfa4d;animation:4s infinite nebula-gradient}.btn-primary:hover{box-shadow:0 8px 40px var(--purple-glow), 0 8px 40px var(--pink-glow), 0 8px 40px var(--cyan-glow);transform:translateY(-3px)skew(-10deg)}@keyframes nebula-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-outline{color:var(--silver);background:0 0;border:1px solid #7c3aed4d}.btn-outline:hover{border-color:var(--cyan-light);color:var(--white);box-shadow:0 0 20px var(--cyan-glow), inset 0 0 20px #06b6d40d;background:#06b6d40d}.btn-ghost{background:var(--white-05);color:var(--white-70);border:1px solid #ffffff14}.btn-ghost:hover{background:var(--white-10);color:var(--white);border-color:#a78bfa4d}.badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-purple{color:var(--purple-light);background:#7c3aed33;border:1px solid #7c3aed59;box-shadow:0 0 12px #7c3aed26}.badge-cyan{color:var(--cyan-light);background:#06b6d426;border:1px solid #06b6d44d}.badge-pink{color:var(--pink-light);background:#c026d326;border:1px solid #c026d34d}.badge-silver{color:var(--silver);background:#b8c2dc14;border:1px solid #b8c2dc26}.badge-green{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40}.gradient-text{background:linear-gradient(135deg, var(--purple-light) 0%, var(--pink-light) 50%, var(--cyan-light) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite nebula-gradient}.gradient-text-silver{background:linear-gradient(135deg, #e8eaf6 0%, var(--silver-dim) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--cyan-light);text-shadow:0 0 12px var(--cyan-glow);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.72rem;font-weight:600;display:inline-flex}.section-tag:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--purple), transparent);width:2rem;height:2px}.divider{background:linear-gradient(90deg, transparent, #7c3aed66, var(--cyan-dark), transparent);height:1px;margin:2rem 0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.page-content{flex:1}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--black-2)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--purple-dark), var(--cyan-dark));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--purple), var(--cyan))}::selection{color:#fff;background:#7c3aed80}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--purple-glow)}50%{box-shadow:0 0 40px var(--purple-glow), 0 0 60px var(--pink-glow), 0 0 80px var(--cyan-glow)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(1deg)}66%{transform:translateY(-5px)rotate(-1deg)}}@keyframes star-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes orbit{0%{transform:rotate(0)translate(40px)rotate(0)}to{transform:rotate(360deg)translate(40px)rotate(-360deg)}}.animate-fade-up{animation:.7s forwards fadeInUp}.animate-fade-in{animation:.5s forwards fadeIn}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.spinner{border:2px solid #7c3aed33;border-top-color:var(--cyan-light);border-right-color:var(--purple-light);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.page-loader{justify-content:center;align-items:center;min-height:60vh;display:flex}.page-hero{text-align:center;padding-top:10rem;padding-bottom:5rem;position:relative}.page-hero-title{margin-bottom:1rem;font-size:clamp(3rem,8vw,6rem);line-height:.95}.page-hero-sub{color:var(--white-50);max-width:500px;margin:0 auto;font-size:1.05rem}@media (width<=768px){.section{padding:4rem 0}.section-sm{padding:2.5rem 0}.container{padding:0 1rem}}.navbar{z-index:1000;padding:1.25rem 0;transition:all .35s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);background:#020408d9;border-bottom:1px solid #7c3aed33;padding:.75rem 0;box-shadow:0 4px 40px #0009,0 0 40px #7c3aed0f}.nav-inner{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex}.nav-logo{align-items:center;gap:.85rem;text-decoration:none;display:flex}.nav-logo-img{object-fit:cover;border:1px solid #a78bfa66;border-radius:8px;flex-shrink:0;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 16px #7c3aed99,0 0 32px #06b6d433}.nav-logo:hover .nav-logo-img{border-color:#06b6d4cc;transform:scale(1.08)rotate(-1deg);box-shadow:0 0 25px #a78bfacc,0 0 50px #06b6d466}.nav-logo-text{flex-direction:column;line-height:1.1;display:flex}.nav-logo-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#eef2ff;text-shadow:0 0 12px #7c3aed80;font-size:1.1rem;font-style:italic;font-weight:800}.nav-logo-sub{font-family:var(--font-heading);letter-spacing:.22em;text-transform:uppercase;color:#06b6d4;margin-top:1px;font-size:.62rem}.nav-links{align-items:center;gap:.25rem;list-style:none;display:flex}.nav-links a{letter-spacing:.1em;text-transform:uppercase;color:#eef2ff8c;border-radius:4px;padding:.5rem .875rem;font-family:Oswald,sans-serif;font-size:.85rem;font-weight:500;transition:all .25s;display:block;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--purple-light), var(--cyan-light));width:0;height:1px;transition:width .25s;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.nav-links a:hover{color:#eef2ff;background:#7c3aed12}.nav-links a:hover:after,.nav-links a.active:after{width:70%}.nav-links a.active{color:#eef2ff}.nav-right{align-items:center;gap:1rem;display:flex}.nav-status{letter-spacing:.06em;color:#eef2ff73;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;display:flex}.nav-status-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #4ade80e6}.nav-status-dot.offline{background:#f87171;animation:none;box-shadow:0 0 8px #f87171cc}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.nav-cta{color:#fff;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#7c3aed,#c026d3,#06b6d4) 0 0/200% 200%;align-items:center;gap:.375rem;padding:.6rem 1.25rem;font-family:Oswald,sans-serif;font-size:.85rem;font-weight:600;transition:all .25s;animation:4s infinite nebula-gradient;display:inline-flex;box-shadow:0 4px 20px #7c3aed66,0 4px 20px #c026d333}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed99,0 8px 30px #06b6d44d}.nav-hamburger{cursor:pointer;background:#7c3aed14;border:1px solid #7c3aed33;border-radius:4px;flex-direction:column;gap:5px;padding:6px;transition:all .25s;display:none}.nav-hamburger:hover{background:#7c3aed26;border-color:#a78bfa66}.nav-hamburger span{transform-origin:50%;background:#a78bfacc;border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.nav-hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-mobile{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:999;background:#020408f7;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:none;position:fixed;inset:0}.nav-mobile:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed26 0%,#c026d314 50%,#0000 80%);border-radius:50%;width:400px;height:400px;animation:6s ease-in-out infinite float;position:absolute}.nav-mobile.open{display:flex}.nav-mobile a{text-align:center;letter-spacing:.15em;text-transform:uppercase;color:#eef2ff99;z-index:1;border:1px solid #0000;border-radius:4px;width:100%;max-width:320px;padding:1rem 2rem;font-family:Bebas Neue,sans-serif;font-size:2rem;transition:all .25s;display:block;position:relative}.nav-mobile a:hover,.nav-mobile a.active{color:#eef2ff;text-shadow:0 0 20px #a78bfa80;background:#7c3aed1a;border-color:#7c3aed4d}.nav-mobile-close{color:#eef2ff66;cursor:pointer;z-index:1;background:#7c3aed14;border:1px solid #7c3aed33;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .25s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.nav-mobile-close:hover{color:#eef2ff;background:#7c3aed33;border-color:#a78bfa66}@media (width<=1024px){.nav-links{display:none}.nav-hamburger{display:flex}.nav-status{display:none}}@media (width<=640px){.nav-cta{display:none}}.footer{z-index:2;background:linear-gradient(#050a18fa 0%,#020408 100%);border-top:1px solid #7c3aed26;padding:5rem 0 2rem;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--purple), var(--pink), var(--cyan), transparent);width:800px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer:after{content:"";pointer-events:none;background:radial-gradient(60% 60% at 15%,#7c3aed12 0%,#0000 55%),radial-gradient(50% 50% at 85% 30%,#c026d30d 0%,#0000 50%),radial-gradient(60% 40% at 50% 100%,#1e3a8a1f 0%,#0000 55%);position:absolute;inset:0}.footer-grid{z-index:1;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid;position:relative}.footer-brand .footer-logo{align-items:center;gap:.85rem;margin-bottom:1rem;text-decoration:none;display:flex}.footer-logo-img{object-fit:cover;border:1px solid #a78bfa66;border-radius:8px;flex-shrink:0;width:44px;height:44px;transition:all .3s;box-shadow:0 0 16px #7c3aed80}.footer-brand .footer-logo:hover .footer-logo-img{border-color:#06b6d4cc;transform:scale(1.06);box-shadow:0 0 25px #a78bfacc}.footer-logo-text{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#eef2ff;text-shadow:0 0 12px #7c3aed66;font-size:1.15rem;font-style:italic;font-weight:800}.footer-tagline{color:#eef2ff59;max-width:260px;margin-bottom:1.5rem;font-size:.875rem;font-style:italic;line-height:1.7}.footer-socials{gap:.75rem;display:flex}.footer-social-link{color:#eef2ff66;background:#7c3aed0f;border:1px solid #7c3aed26;border-radius:4px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;text-decoration:none;transition:all .25s;display:flex}.footer-social-link:hover{color:#eef2ff;background:#7c3aed26;border-color:#a78bfa66;transform:translateY(-3px);box-shadow:0 8px 20px #7c3aed4d}.footer-col h4{letter-spacing:.2em;text-transform:uppercase;color:var(--cyan-light);text-shadow:0 0 10px #06b6d466;margin-bottom:1.25rem;font-family:Oswald,sans-serif;font-size:.75rem;font-weight:600}.footer-col ul{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.footer-col ul li a{color:#eef2ff66;font-size:.875rem;text-decoration:none;transition:all .2s}.footer-col ul li a:hover{color:var(--purple-light);text-shadow:0 0 8px #a78bfa66;padding-left:4px}.footer-bottom{z-index:1;border-top:1px solid #7c3aed1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex;position:relative}.footer-copy{color:#eef2ff33;font-size:.78rem}.footer-legal{gap:1.5rem;display:flex}.footer-legal a{color:#eef2ff33;font-size:.78rem;text-decoration:none;transition:color .2s}.footer-legal a:hover{color:var(--cyan-light)}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=500px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}