:root{--aurora-1: rgba(99, 102, 241, .15);--aurora-2: rgba(139, 92, 246, .12);--aurora-3: rgba(79, 70, 229, .1);--aurora-4: rgba(167, 139, 250, .08);--glow-indigo: rgba(99, 102, 241, .5);--glow-purple: rgba(139, 92, 246, .4)}html{scroll-behavior:smooth}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.aurora-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0d0d15)}.aurora-mesh:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 80% 50% at 20% 40%,var(--aurora-1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,var(--aurora-2) 0%,transparent 45%),radial-gradient(ellipse 70% 60% at 60% 80%,var(--aurora-3) 0%,transparent 55%),radial-gradient(ellipse 50% 30% at 30% 70%,var(--aurora-4) 0%,transparent 40%);animation:auroraFlow 25s ease-in-out infinite;filter:blur(60px)}.aurora-mesh:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 100% at 50% 0%,rgba(99,102,241,.08) 0%,transparent 60%);animation:auroraBreath 8s ease-in-out infinite}@keyframes auroraFlow{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(2%,-3%) rotate(1deg) scale(1.02)}50%{transform:translate(-1%,2%) rotate(-.5deg) scale(.98)}75%{transform:translate(-2%,-1%) rotate(.5deg) scale(1.01)}}@keyframes auroraBreath{0%,to{opacity:.6}50%{opacity:1}}.luminous-text{position:relative;background:linear-gradient(90deg,#e0e7ff,#c7d2fe,#a5b4fc,#818cf8,#a5b4fc,#e0e7ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:luminousShift 8s linear infinite}.luminous-aurora{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa,#c4b5fd,#6366f1);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:auroraText 12s ease-in-out infinite}@keyframes luminousShift{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes auroraText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.parallax-container{perspective:1000px;transform-style:preserve-3d}.parallax-slow{transform:translateZ(-50px) scale(1.05);will-change:transform}.parallax-medium{transform:translateZ(-25px) scale(1.025);will-change:transform}.parallax-fast{transform:translateZ(0);will-change:transform}.optical-blur{transition:filter .8s cubic-bezier(.4,0,.2,1)}.optical-blur.blurred{filter:blur(2px);opacity:.7}.cyber-grid{background-size:40px 40px;background-image:linear-gradient(to right,rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(99,102,241,.03) 1px,transparent 1px);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 100%);animation:gridDrift 30s linear infinite}@keyframes gridDrift{0%{transform:translateY(0)}to{transform:translateY(40px)}}.glass-ethereal{background:#ffffff05;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff0d}.glass-card{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);transition:all .5s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff0f;border-color:#6366f133;box-shadow:0 20px 40px #00000026,0 0 60px #6366f11a;transform:translateY(-4px)}.glass-light{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #00000014,inset 0 1px #fffc}.glow-soft{box-shadow:0 0 20px #6366f126,0 0 40px #6366f11a,0 0 60px #6366f10d}.glow-intense{box-shadow:0 0 30px #6366f14d,0 0 60px #6366f133,0 0 100px #6366f11a}.text-glow{text-shadow:0 0 20px rgba(99,102,241,.5),0 0 40px rgba(99,102,241,.3)}.hover-lift{transition:all .4s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-6px)}.hover-scale{transition:transform .4s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:all .4s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:0 0 30px #6366f140,0 0 60px #6366f126}.btn-shine{position:relative;overflow:hidden}.btn-shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-shine:hover:before{left:100%}.radar-sweep{background:conic-gradient(from 0deg,transparent 0deg,rgba(99,102,241,.4) 30deg,transparent 60deg);animation:radarSpin 4s linear infinite}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scan-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.8) 50%,transparent 100%);box-shadow:0 0 10px #6366f1cc,0 0 20px #6366f180;animation:scanVertical 3s ease-in-out infinite}@keyframes scanVertical{0%,to{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.typing-cursor:after{content:"|";animation:cursorBlink 1s step-end infinite;color:#6366f1}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.particle{position:absolute;width:4px;height:4px;background:#6366f199;border-radius:50%;animation:particleFloat 6s ease-in-out infinite}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(20px);opacity:0}}.breathe{animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.tracking-ethereal{letter-spacing:.02em}.tracking-wide-ethereal{letter-spacing:.1em}.gradient-border{position:relative;background:transparent}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#6366f180,#8b5cf64d,#6366f180);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderGlow 4s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.noise-overlay{position:relative}.noise-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;mix-blend-mode:overlay}section{position:relative}section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.2) 50%,transparent 100%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f0f1af2}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4f46e5,#6366f1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6366f1,#818cf8)}::selection{background:#6366f14d;color:#fff}::-moz-selection{background:#6366f14d;color:#fff}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:.6}50%{opacity:.4}90%{opacity:.6}to{transform:translateY(-200px) translate(50px);opacity:0}}@keyframes scroll-indicator{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.5}}.animate-scroll-indicator{animation:scroll-indicator 1.5s ease-in-out infinite}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-1{0%,to{clip-path:inset(40% 0 61% 0);transform:translate(-2px,-2px)}20%{clip-path:inset(92% 0 1% 0)}40%{clip-path:inset(43% 0 1% 0)}60%{clip-path:inset(25% 0 58% 0)}80%{clip-path:inset(54% 0 7% 0)}}@keyframes glitch-2{0%,to{clip-path:inset(65% 0 8% 0);transform:translate(2px,2px)}20%{clip-path:inset(21% 0 33% 0)}40%{clip-path:inset(76% 0 10% 0)}60%{clip-path:inset(5% 0 61% 0)}80%{clip-path:inset(32% 0 19% 0)}}.animate-glitch{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both}.animate-glitch-1{animation:glitch-1 .3s cubic-bezier(.25,.46,.45,.94) both}.animate-glitch-2{animation:glitch-2 .3s cubic-bezier(.25,.46,.45,.94) both}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}.animate-float{animation:float 6s ease-in-out infinite}.hover-lift{transition:all .5s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #6366f140,0 0 0 1px #6366f11a}.aurora-glow{position:relative;z-index:1}.aurora-glow:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(135deg,#6366f180,#8b5cf666,#6366f180);border-radius:inherit;filter:blur(20px);opacity:0;transition:opacity .5s ease;z-index:-1}.aurora-glow:hover:before{opacity:1}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.shine-effect:hover:after{left:100%}.glass-smooth{background:#ffffff05;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.luminous-text{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa,#8b5cf6,#6366f1);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 8s ease infinite}@keyframes scan{0%,to{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.animate-scan{animation:scan 3s ease-in-out infinite}.noise-texture:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' 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='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;mix-blend-mode:overlay}@keyframes border-flow{0%{transform:translate(-100%) rotate(0)}to{transform:translate(100%) rotate(0)}}.animate-border-flow{animation:border-flow 3s linear infinite}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.velocity-blur{will-change:filter;transition:filter .15s ease-out}.split-char{display:inline-block;will-change:transform,opacity,filter}@keyframes morphBlob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 40% 70% 50%}75%{border-radius:60% 40%/70% 30% 50% 60%}}.morph-blob{animation:morphBlob 15s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes elastic-scale{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.animate-elastic{animation:elastic-scale .6s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes wave{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}75%{transform:translateY(4px)}}.animate-wave{animation:wave 2s ease-in-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.pulse-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid currentColor;border-radius:inherit;animation:pulse-ring 1.5s ease-out infinite}.spotlight{position:relative;overflow:hidden}.spotlight:before{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.15),transparent 70%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .3s ease}.spotlight:hover:before{opacity:1}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-x{background-size:200% 200%;animation:gradient-x 3s ease infinite}@keyframes rotate-in{0%{transform:rotate(-180deg) scale(0);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.animate-rotate-in{animation:rotate-in .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slide-up-fade{0%{transform:translateY(40px);opacity:0;filter:blur(10px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}.animate-slide-up-fade{animation:slide-up-fade .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(2deg)}50%{transform:translateY(-5px) rotate(-1deg)}75%{transform:translateY(-10px) rotate(1deg)}}.animate-float-slow{animation:float-slow 10s ease-in-out infinite}@keyframes grid-flow{0%{transform:translateY(0)}to{transform:translateY(40px)}}.animate-grid-flow{animation:grid-flow 30s linear infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.stagger-9{animation-delay:.9s}.stagger-10{animation-delay:1s}@keyframes slideRight{0%{transform:translate(0)}to{transform:translate(calc(200vw + 100%))}}@keyframes matrixRain{0%{transform:translateY(-100%);opacity:1}to{transform:translateY(100vh);opacity:0}}.matrix-rain{animation:matrixRain 8s linear infinite}@keyframes cyberPulse{0%,to{box-shadow:0 0 5px #6366f180,0 0 10px #6366f14d,0 0 15px #6366f11a}50%{box-shadow:0 0 10px #6366f1cc,0 0 20px #6366f180,0 0 30px #6366f14d}}.cyber-pulse{animation:cyberPulse 2s ease-in-out infinite}@keyframes holographic{0%{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(30deg)}to{background-position:0% 50%;filter:hue-rotate(0deg)}}.holographic{background:linear-gradient(135deg,#6366f14d,#8b5cf64d,#ec48994d,#8b5cf64d,#6366f14d);background-size:400% 400%;animation:holographic 10s ease infinite}@keyframes dataStream{0%{background-position:0% 0%}to{background-position:0% 100%}}.data-stream{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(99,102,241,.1) 2px,rgba(99,102,241,.1) 4px);background-size:100% 200%;animation:dataStream 20s linear infinite}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px rgba(99,102,241,.8),0 0 20px rgba(99,102,241,.8),0 0 35px rgba(99,102,241,.6),0 0 40px rgba(99,102,241,.4)}20%,24%,55%{text-shadow:none}}.neon-flicker{animation:neonFlicker 1.5s infinite alternate}@keyframes orbit{0%{transform:rotate(0) translate(50px) rotate(0)}to{transform:rotate(360deg) translate(50px) rotate(-360deg)}}.animate-orbit{animation:orbit 10s linear infinite}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blinkCursor{0%,to{border-color:transparent}50%{border-color:#6366f1}}.typewriter{overflow:hidden;white-space:nowrap;border-right:2px solid #6366f1;animation:typewriter 3s steps(40) 1s forwards,blinkCursor .75s step-end infinite}
