html{overflow-x:hidden;scroll-behavior:smooth;background-color:#0d1117}body{overflow-x:hidden;overscroll-behavior-y:none}[x-cloak]{display:none!important}.parallax-container{perspective:1000px;transform-style:preserve-3d}.brand-gradient{background:linear-gradient(135deg,var(--brand-primary-start),var(--brand-primary-end));position:relative;overflow:hidden}.brand-gradient:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.animated-gradient-complex{background:linear-gradient(-45deg,var(--brand-primary-start),var(--brand-primary-end),#667eea,var(--brand-primary-start));background-size:400% 400%;animation:gradientFlow 20s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}@keyframes floatAdvanced{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-20px) translate(10px) rotate(2deg)}50%{transform:translateY(-10px) translate(-10px) rotate(-1deg)}75%{transform:translateY(-25px) translate(5px) rotate(1deg)}}.animate-float-advanced{animation:floatAdvanced 8s ease-in-out infinite}@keyframes revealFromBottom{0%{opacity:0;transform:translateY(80px) scale(.95);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.animate-reveal{opacity:0;animation:revealFromBottom 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes revealFromLeft{0%{opacity:0;transform:translate(-100px) rotate(-5deg)}to{opacity:1;transform:translate(0) rotate(0)}}.animate-reveal-left{opacity:0;animation:revealFromLeft 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes revealFromRight{0%{opacity:0;transform:translate(100px) rotate(5deg)}to{opacity:1;transform:translate(0) rotate(0)}}.animate-reveal-right{opacity:0;animation:revealFromRight 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes flip3D{0%{opacity:0;transform:perspective(1000px) rotateX(-90deg)}to{opacity:1;transform:perspective(1000px) rotateX(0)}}.animate-flip-3d{opacity:0;animation:flip3D 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleGlow{0%{opacity:0;transform:scale(.8);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.animate-scale-glow{opacity:0;animation:scaleGlow .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.98)}to{transform:scale(1)}}.animate-bounce-in{opacity:0;animation:bounceIn 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideBlur{0%{opacity:0;transform:translateY(50px);filter:blur(20px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.animate-slide-blur{opacity:0;animation:slideBlur 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px rgba(var(--brand-primary-rgb),.4),0 0 40px rgba(var(--brand-primary-rgb),.2)}50%{box-shadow:0 0 40px rgba(var(--brand-primary-rgb),.6),0 0 80px rgba(var(--brand-primary-rgb),.4)}}.glow-pulse{animation:pulseGlow 3s ease-in-out infinite}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating-border:before{content:"";position:absolute;inset:-2px;background:conic-gradient(from 0deg,transparent,var(--brand-primary-start),var(--brand-primary-end),transparent);border-radius:inherit;animation:rotateBorder 4s linear infinite;z-index:-1}.glass-premium{background:#ffffff0d;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000001a}.dark .glass-premium{background:#11192840;border:1px solid rgba(255,255,255,.125);box-shadow:0 8px 32px #0000005e}.magnetic{transition:transform .2s cubic-bezier(.16,1,.3,1)}.magnetic:hover{transform:translateY(-8px) scale(1.02)}@keyframes gradientText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-text-animated{background:linear-gradient(90deg,var(--brand-primary-start),var(--brand-primary-end),#667eea,var(--brand-primary-start));background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientText 5s ease infinite}@keyframes orbFloat{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(50px,-50px) scale(1.1);opacity:.4}50%{transform:translateY(-100px) scale(.9);opacity:.5}75%{transform:translate(-50px,-50px) scale(1.05);opacity:.35}}.orb-float{animation:orbFloat 20s ease-in-out infinite}@keyframes particleFloat{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px);opacity:0}}.particle{animation:particleFloat 15s linear infinite}@keyframes wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.wave-transition{position:relative;overflow:hidden}.wave-transition:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:wave 3s ease-in-out infinite}.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}@keyframes glitchText{0%{transform:translate(0);text-shadow:0 0 0 transparent}20%{transform:translate(-2px,2px);text-shadow:2px -2px 0 rgba(139,92,246,.3),-2px 2px 0 rgba(59,130,246,.3)}40%{transform:translate(-2px,-2px);text-shadow:-2px 2px 0 rgba(139,92,246,.3),2px -2px 0 rgba(59,130,246,.3)}60%{transform:translate(2px,2px);text-shadow:-2px -2px 0 rgba(139,92,246,.3),2px 2px 0 rgba(59,130,246,.3)}80%{transform:translate(2px,-2px);text-shadow:2px 2px 0 rgba(139,92,246,.3),-2px -2px 0 rgba(59,130,246,.3)}to{transform:translate(0);text-shadow:0 0 0 transparent}}.glitch-hover:hover{animation:glitchText .3s ease-in-out}@keyframes dataStream{0%{background-position:0% 0%}to{background-position:100% 100%}}.data-stream{background:repeating-linear-gradient(90deg,rgba(139,92,246,.1) 0px,transparent 2px,transparent 4px);background-size:200% 200%;animation:dataStream 3s linear infinite}@keyframes codeRain{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.code-rain{animation:codeRain 8s linear infinite}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scan-line:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--brand-primary-start),transparent);animation:scanLine 4s ease-in-out infinite;opacity:.5}.pixel-grid{background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:20px 20px}@keyframes terminalBlink{0%,49%{opacity:1}50%,to{opacity:0}}.terminal-cursor:after{content:"▋";animation:terminalBlink 1s infinite;margin-left:2px}@keyframes holoCard{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.holo-card{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a,#8b5cf61a,#3b82f61a,#8b5cf61a);background-size:400% 400%;animation:holoCard 8s ease infinite}.circuit-pattern{background-image:radial-gradient(circle at 20% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(139,92,246,.05) 0%,transparent 50%)}@keyframes loadingBar{0%{transform:translate(-100%)}to{transform:translate(400%)}}.loading-bar:before{content:"";position:absolute;top:0;left:0;width:25%;height:100%;background:linear-gradient(90deg,transparent,var(--brand-primary-start),transparent);animation:loadingBar 3s ease-in-out infinite}@keyframes borderGlow{0%,to{box-shadow:0 0 5px #8b5cf64d,inset 0 0 5px #8b5cf61a}50%{box-shadow:0 0 20px #8b5cf699,inset 0 0 10px #8b5cf64d}}.tech-border{animation:borderGlow 2s ease-in-out infinite}.parallax-slow{transform:translateZ(-1px) scale(1.5)}.parallax-medium{transform:translateZ(-.5px) scale(1.2)}.parallax-fast{transform:translateZ(0)}@keyframes digitalNoise{0%,to{opacity:.03}50%{opacity:.06}}.digital-noise:before{content:"";position:absolute;inset:0;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.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");animation:digitalNoise 3s ease-in-out infinite;pointer-events:none}.holographic{background:linear-gradient(45deg,#ff0080,#ff8c00,#40e0d0,#7b68ee,#ff0080);background-size:400% 400%;animation:gradientFlow 10s ease infinite;filter:brightness(1.2) contrast(1.1)}@keyframes textReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.text-reveal{animation:textReveal 1s cubic-bezier(.16,1,.3,1) forwards}.card-3d{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1)}.card-3d:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}.neon-glow{text-shadow:0 0 5px rgba(var(--brand-primary-rgb),.5),0 0 10px rgba(var(--brand-primary-rgb),.5),0 0 20px rgba(var(--brand-primary-rgb),.5),0 0 40px rgba(var(--brand-primary-rgb),.3)}.cursor-glow{position:fixed;width:400px;height:400px;pointer-events:none;z-index:9999;border-radius:50%;background:radial-gradient(circle at center,rgba(139,92,246,.08) 0%,rgba(139,92,246,.04) 50%,transparent 70%);filter:blur(20px);transform:translate(-50%,-50%);transition:opacity .3s ease}.cursor-dot{position:fixed;width:8px;height:8px;pointer-events:none;z-index:10000;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary-start),var(--brand-primary-end));transform:translate(-50%,-50%);box-shadow:0 0 20px #8b5cf699}.cursor-ring{position:fixed;width:40px;height:40px;pointer-events:none;z-index:10000;border-radius:50%;border:2px solid rgba(139,92,246,.4);transform:translate(-50%,-50%);transition:width .2s cubic-bezier(.16,1,.3,1),height .2s cubic-bezier(.16,1,.3,1),opacity .2s ease}@media (hover: none){.cursor-glow,.cursor-dot,.cursor-ring{display:none}}body:has(a:hover,button:hover,[role=button]:hover) .cursor-ring{width:60px;height:60px;border-color:#a78bfa99}
