::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}body{background-color:#0f172a;color:#f8fafc}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .6s ease-out both}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:fade-in-down .5s ease-out forwards}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-zoom-in{animation:zoom-in .4s ease-out forwards}@keyframes bounce-in{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.animate-bounce-in{animation:bounce-in .6s ease-out forwards}.loading-tracer{position:relative;overflow:hidden;--tracer-color: #34d399}.loading-tracer .line{position:absolute;display:block}.loading-tracer .line-top{top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--tracer-color));animation:loading-tracer-anim-1 2s linear infinite}@keyframes loading-tracer-anim-1{0%{left:-100%}50%,to{left:100%}}.loading-tracer .line-right{top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,var(--tracer-color));animation:loading-tracer-anim-2 2s linear infinite;animation-delay:.5s}@keyframes loading-tracer-anim-2{0%{top:-100%}50%,to{top:100%}}.loading-tracer .line-bottom{bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,var(--tracer-color));animation:loading-tracer-anim-3 2s linear infinite;animation-delay:1s}@keyframes loading-tracer-anim-3{0%{right:-100%}50%,to{right:100%}}.loading-tracer .line-left{bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(0deg,transparent,var(--tracer-color));animation:loading-tracer-anim-4 2s linear infinite;animation-delay:1.5s}@keyframes loading-tracer-anim-4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes border-trace{0%{stroke-dashoffset:100}50%{stroke-dashoffset:50}to{stroke-dashoffset:0}}.animate-border-trace{animation:border-trace 4s cubic-bezier(.45,.05,.55,.95) infinite}.menu-border-tracer{position:relative;overflow:visible}.menu-border-tracer .menu-line{position:absolute;display:block;background:#00ff41;box-shadow:0 0 5px #00ff41,0 0 10px #00ff41}.menu-border-tracer .menu-line-top{top:-1px;left:-100%;width:100%;height:2px;animation:menu-tracer-anim-1 2s linear infinite}@keyframes menu-tracer-anim-1{0%{left:-100%}50%,to{left:100%}}.menu-border-tracer .menu-line-right{top:-100%;right:-1px;width:2px;height:100%;animation:menu-tracer-anim-2 2s linear infinite;animation-delay:.5s}@keyframes menu-tracer-anim-2{0%{top:-100%}50%,to{top:100%}}.menu-border-tracer .menu-line-bottom{bottom:-1px;right:-100%;width:100%;height:2px;animation:menu-tracer-anim-3 2s linear infinite;animation-delay:1s}@keyframes menu-tracer-anim-3{0%{right:-100%}50%,to{right:100%}}.menu-border-tracer .menu-line-left{bottom:-100%;left:-1px;width:2px;height:100%;animation:menu-tracer-anim-4 2s linear infinite;animation-delay:1.5s}@keyframes menu-tracer-anim-4{0%{bottom:-100%}50%,to{bottom:100%}}.font-title{font-family:Orbitron,sans-serif;letter-spacing:.05em}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-shimmer{background-size:200% auto;animation:shimmer 3s linear infinite}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 12px currentColor) drop-shadow(0 0 20px currentColor)}}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes logo-entrance{0%{opacity:0;transform:perspective(500px) rotateY(-180deg) scale(.5);filter:blur(10px)}50%{opacity:.8;transform:perspective(500px) rotateY(-20deg) scale(1.1);filter:blur(2px)}70%{transform:perspective(500px) rotateY(10deg) scale(.95);filter:blur(0)}to{opacity:1;transform:perspective(500px) rotateY(0) scale(1);filter:blur(0)}}@keyframes logo-breathe{0%,to{filter:drop-shadow(0 0 3px rgba(139,92,246,.4)) drop-shadow(0 0 6px rgba(139,92,246,.2));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(139,92,246,.7)) drop-shadow(0 0 15px rgba(139,92,246,.4)) drop-shadow(0 0 25px rgba(168,85,247,.2));transform:scale(1.02)}}@keyframes logo-sparkle{0%{filter:drop-shadow(0 0 5px rgba(139,92,246,.8)) drop-shadow(0 0 10px rgba(236,72,153,.5));transform:scale(1.05) rotate(0)}25%{filter:drop-shadow(0 0 15px rgba(168,85,247,1)) drop-shadow(0 0 25px rgba(236,72,153,.7)) drop-shadow(2px -2px 8px rgba(251,191,36,.5))}50%{filter:drop-shadow(0 0 12px rgba(139,92,246,.9)) drop-shadow(0 0 20px rgba(59,130,246,.6)) drop-shadow(-2px 2px 8px rgba(236,72,153,.5));transform:scale(1.08) rotate(3deg)}75%{filter:drop-shadow(0 0 18px rgba(168,85,247,1)) drop-shadow(0 0 30px rgba(236,72,153,.8)) drop-shadow(2px 2px 10px rgba(251,191,36,.4))}to{filter:drop-shadow(0 0 5px rgba(139,92,246,.8)) drop-shadow(0 0 10px rgba(236,72,153,.5));transform:scale(1.05) rotate(0)}}.animate-logo{animation:logo-entrance .8s cubic-bezier(.34,1.56,.64,1) forwards,logo-breathe 4s ease-in-out .8s infinite;will-change:transform,filter,opacity}.animate-logo:hover{animation:logo-sparkle .6s ease-in-out infinite;cursor:pointer}