:root{--flux-dark: #0B0F19;--flux-darker: #060912;--flux-light: #E2E8F0;--flux-accent: #6366f1;--flux-purple: #8b5cf6;--flux-cyan: #06b6d4;--flux-pink: #ec4899;--gradient-primary: linear-gradient(135deg, var(--flux-accent) 0%, var(--flux-purple) 100%);--gradient-glow: linear-gradient(135deg, var(--flux-cyan) 0%, var(--flux-accent) 50%, var(--flux-purple) 100%);--gradient-shine: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.1) 50%, transparent 100%);--glow-accent: 0 0 30px rgba(99, 102, 241, .4);--glow-purple: 0 0 30px rgba(139, 92, 246, .4);--glow-cyan: 0 0 30px rgba(6, 182, 212, .4);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--transition-slower: .8s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--flux-dark);color:var(--flux-light);overflow-x:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.glass{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.glass-strong{background:#0b0f19cc;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1)}.glass-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.glow-accent{box-shadow:var(--glow-accent)}.glow-purple{box-shadow:var(--glow-purple)}.glow-cyan{box-shadow:var(--glow-cyan)}.text-glow{text-shadow:0 0 20px currentColor}.hover-glow:hover{box-shadow:0 0 40px #6366f180}.gradient-text{background:var(--gradient-glow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-animated{background:linear-gradient(90deg,var(--flux-cyan),var(--flux-accent),var(--flux-purple),var(--flux-pink),var(--flux-accent),var(--flux-cyan));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.5;box-shadow:0 0 20px #6366f14d}50%{opacity:1;box-shadow:0 0 40px #6366f199}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes border-glow{0%,to{border-color:#6366f14d;box-shadow:0 0 10px #6366f133}50%{border-color:#6366f199;box-shadow:0 0 25px #6366f166}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes particle-float{0%,to{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(var(--tx, 100px),var(--ty, -100px)) rotate(360deg);opacity:0}}@keyframes wave{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(1deg)}75%{transform:translateY(5px) rotate(-1deg)}}@keyframes data-pulse{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes orbit{0%{transform:rotate(0) translate(50px) rotate(0)}to{transform:rotate(360deg) translate(50px) rotate(-360deg)}}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-subtle{animation:float-subtle 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s infinite}.animate-rotate-slow{animation:rotate-slow 20s linear infinite}.animate-rotate-reverse{animation:rotate-reverse 25s linear infinite}.animate-gradient{animation:gradient-shift 4s ease infinite}.animate-border-glow{animation:border-glow 3s ease-in-out infinite}.animate-scale-pulse{animation:scale-pulse 3s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.delay-1500{animation-delay:1.5s}.delay-2000{animation-delay:2s}.btn-premium{position:relative;overflow:hidden;transition:all var(--transition-normal) ease}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow) ease}.btn-premium:hover:before{left:100%}.btn-premium:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6366f166}.btn-magnetic{transition:transform var(--transition-fast) ease}.card-3d{transform-style:preserve-3d;transition:transform var(--transition-normal) ease}.card-3d:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}.card-3d-content{transform:translateZ(20px)}.hover-scale{transition:transform var(--transition-normal) ease}.hover-scale:hover{transform:scale(1.05)}.hover-lift{transition:all var(--transition-normal) ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.reveal{opacity:0;transform:translateY(30px);transition:all var(--transition-slower) cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-50px);transition:all var(--transition-slower) cubic-bezier(.4,0,.2,1)}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(50px);transition:all var(--transition-slower) cubic-bezier(.4,0,.2,1)}.reveal-right.active{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:all var(--transition-slower) cubic-bezier(.4,0,.2,1)}.reveal-scale.active{opacity:1;transform:scale(1)}.neural-node{position:relative;width:12px;height:12px;background:var(--gradient-primary);border-radius:50%;box-shadow:0 0 20px #6366f180}.neural-node:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid rgba(99,102,241,.3);border-radius:50%;animation:scale-pulse 2s ease-in-out infinite}.data-stream{position:absolute;width:4px;height:4px;background:var(--flux-cyan);border-radius:50%;box-shadow:0 0 10px var(--flux-cyan);animation:data-pulse 2s ease-in-out infinite}.circuit-line{stroke:#6366f14d;stroke-width:1;fill:none;stroke-dasharray:5 5;animation:shimmer 3s linear infinite}.holographic{position:relative;overflow:hidden}.holographic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,rgba(99,102,241,.1) 50%,transparent 70%);animation:shine 4s infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--flux-darker)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--flux-accent),var(--flux-purple));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--flux-purple),var(--flux-accent))}::selection{background:var(--flux-purple);color:#fff}::-moz-selection{background:var(--flux-purple);color:#fff}:focus-visible{outline:2px solid var(--flux-accent);outline-offset:2px}@media(max-width:768px){.animate-float{animation:float-subtle 5s ease-in-out infinite}.card-3d:hover{transform:none}}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s infinite}.spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--flux-accent);border-radius:50%;animation:rotate-slow .8s linear infinite}
