@import"https://fonts.googleapis.com/css2?family=Rubik+Glitch&family=Amatic+SC:wght@400;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@keyframes particle-float{0%,to{transform:translateY(0) translate(0);opacity:.3}25%{transform:translateY(-10px) translate(5px);opacity:.8}50%{transform:translateY(-5px) translate(-5px);opacity:.5}75%{transform:translateY(-15px) translate(3px);opacity:.7}}@keyframes quantum-spin{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}@keyframes typing{0%{opacity:0}10%{opacity:1}to{opacity:1}}@keyframes blink-caret{0%,50%{border-color:transparent}51%,to{border-color:#0af}}@keyframes smoke-rise{0%{transform:translateY(0) scale(1) rotate(0);opacity:0}10%{opacity:.8}50%{transform:translateY(-100px) scale(1.5) rotate(5deg);opacity:.4}to{transform:translateY(-300px) scale(2.5) rotate(-5deg);opacity:0}}@keyframes text-pulse{0%,to{filter:drop-shadow(0 0 20px rgba(0,170,255,.3))}50%{filter:drop-shadow(0 0 30px rgba(0,170,255,.5))}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00aaff80}50%{box-shadow:0 0 35px #0afc}}@keyframes spin-slow{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes spin-slow-reverse{0%{transform:rotate(270deg)}to{transform:rotate(-90deg)}}@keyframes spin-fast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tick-glow{0%,to{background-color:#facc1533;box-shadow:none;transform:scale(1)}50%{background-color:#facc15;box-shadow:0 0 8px #facc15;transform:scale(1.2)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes progress{0%{width:0%}to{width:var(--progress-width, 85%)}}@keyframes graph-bar{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.animate-spin-slow{animation:spin-slow 2s linear infinite}.animate-spin-slow-reverse{animation:spin-slow-reverse 1.8s linear infinite}.animate-spin-fast{animation:spin-fast 1.2s linear infinite}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-fade-in-up{animation:fade-in-up .5s ease-out forwards}.animate-scale-in{animation:scale-in .3s ease-out forwards}.button-glow{animation:pulse-glow 2.5s infinite ease-in-out}.typing-animation{opacity:0;animation:typing 2s ease-in-out forwards;animation-delay:.5s}.smoke-text{position:relative;animation:text-pulse 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,170,255,.3))}.smoke-text:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center bottom,rgba(0,170,255,.15) 0%,rgba(0,170,255,.05) 40%,transparent 70%);filter:blur(20px);animation:smoke-rise 8s infinite ease-out;pointer-events:none}.animate-progress{animation:progress 2s ease-out forwards;transform-origin:left center}.animate-progress-delay{animation:progress 2s ease-out forwards;animation-delay:.5s;transform-origin:left center}.animate-graph-bar{animation:graph-bar .6s ease-out forwards;transform-origin:bottom center}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(10px,10px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes float-delayed{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(-180deg)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(90deg)}}@keyframes particle-float{0%,to{transform:translateY(0) translate(0);opacity:.2}25%{transform:translateY(-10px) translate(5px);opacity:.6}50%{transform:translateY(-5px) translate(-5px);opacity:.3}75%{transform:translateY(-15px) translate(3px);opacity:.5}}.animate-grid-move{animation:grid-move 20s linear infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 8s ease-in-out infinite;animation-delay:2s}.animate-float-slow{animation:float-slow 10s ease-in-out infinite;animation-delay:4s}.loading-dots:after{content:".";animation:dots 1.5s steps(5,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}.speeder-loader{position:absolute;top:50%;margin-left:-50px;left:50%;animation:speeder .4s linear infinite;z-index:20;transform:translate(-50%,-50%) scale(.15)}.speeder-loader>span{height:5px;width:35px;background:#fff;position:absolute;top:-19px;left:60px;border-radius:2px 10px 1px 0}.speeder-base span{position:absolute;width:0;height:0;border-top:6px solid transparent;border-right:100px solid #fff;border-bottom:6px solid transparent}.speeder-base span:before{content:"";height:22px;width:22px;border-radius:50%;background:#fff;position:absolute;right:-110px;top:-16px}.speeder-base span:after{content:"";position:absolute;width:0;height:0;border-top:0 solid transparent;border-right:55px solid #fff;border-bottom:16px solid transparent;top:-16px;right:-98px}.speeder-face{position:absolute;height:12px;width:20px;background:#fff;border-radius:20px 20px 0 0;transform:rotate(-40deg);right:-125px;top:-15px}.speeder-face:after{content:"";height:12px;width:12px;background:#fff;right:4px;top:7px;position:absolute;transform:rotate(40deg);transform-origin:50% 50%;border-radius:0 0 0 2px}.speeder-loader>span>span:nth-child(1),.speeder-loader>span>span:nth-child(2),.speeder-loader>span>span:nth-child(3),.speeder-loader>span>span:nth-child(4){width:30px;height:1px;background:#fff;position:absolute;animation:fazer1 .2s linear infinite}.speeder-loader>span>span:nth-child(2){top:3px;animation:fazer2 .4s linear infinite}.speeder-loader>span>span:nth-child(3){top:1px;animation:fazer3 .4s linear infinite;animation-delay:-1s}.speeder-loader>span>span:nth-child(4){top:4px;animation:fazer4 1s linear infinite;animation-delay:-1s}@keyframes fazer1{0%{left:0}to{left:-80px;opacity:0}}@keyframes fazer2{0%{left:0}to{left:-100px;opacity:0}}@keyframes fazer3{0%{left:0}to{left:-50px;opacity:0}}@keyframes fazer4{0%{left:0}to{left:-150px;opacity:0}}@keyframes speeder{0%{transform:translate(2px,1px) rotate(0)}10%{transform:translate(-1px,-3px) rotate(-1deg)}20%{transform:translate(-2px) rotate(1deg)}30%{transform:translate(1px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,3px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-2px,-1px) rotate(1deg)}90%{transform:translate(2px,1px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.longfazers{position:absolute;width:100%;height:100%}.longfazers span{position:absolute;height:2px;width:20%;background:#fff}.longfazers span:nth-child(1){top:20%;animation:lf .6s linear infinite;animation-delay:-5s}.longfazers span:nth-child(2){top:40%;animation:lf2 .8s linear infinite;animation-delay:-1s}.longfazers span:nth-child(3){top:60%;animation:lf3 .6s linear infinite}.longfazers span:nth-child(4){top:80%;animation:lf4 .5s linear infinite;animation-delay:-3s}@keyframes lf{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf2{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf3{0%{left:200%}to{left:-100%;opacity:0}}@keyframes lf4{0%{left:200%}to{left:-100%;opacity:0}}.red-speed-lines{position:absolute;width:100%;height:100%;overflow:hidden;z-index:15}.red-speed-lines span{position:absolute;height:100%;width:2px;background:linear-gradient(to bottom,transparent,#ff0000,transparent);opacity:0}.red-speed-lines span:nth-child(1){right:-10%;top:0;animation:redline-pass 1.5s linear infinite}.red-speed-lines span:nth-child(2){right:-10%;top:0;animation:redline-pass 1.2s linear infinite;animation-delay:.3s}.red-speed-lines span:nth-child(3){right:-10%;top:0;animation:redline-pass 1.8s linear infinite;animation-delay:.6s}@keyframes redline-pass{0%{right:-10%;opacity:0}10%{opacity:.8}90%{opacity:.8}to{right:120%;opacity:0}}@layer components{.switch{--toggle-size: .5}}.switch{position:relative;display:inline-block;width:90px;height:40px;border:1px solid rgb(58,58,58);border-radius:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;border-radius:20px;transition:.4s;overflow:hidden;z-index:2}.slider:before{position:absolute;content:"";height:30px;width:30px;left:4px;bottom:5px;background-color:#fff;transition:1s;border-radius:50%;overflow:hidden}.moons-hole{content:"";position:absolute;opacity:1;transition:1s}.moon-hole{position:absolute;border-radius:50%;transform:translate(0)}.moon-hole:nth-child(1){background-color:#555;height:5px;width:5px;top:26px;left:20px}.moon-hole:nth-child(2){background-color:#555;height:10px;width:10px;top:16px;left:7px}.moon-hole:nth-child(3){background-color:#555;height:4px;width:4px;top:12px;left:21px}input:checked+.slider{background-color:#62cff0}input:checked+.slider:before{transform:translate(52px);background-color:orange}input:checked+.slider .moons-hole{transform:translate(52px);opacity:0}.stars{right:6px;top:0;bottom:0;transition:1s;transform:translateY(0)}.star{position:absolute;fill:#fff;animation:star-twinkle 2s infinite;opacity:1}.star:nth-child(1){top:5px;right:29px;width:20px;animation-delay:.3s}.star:nth-child(2){top:18px;right:9px;width:15px}.star:nth-child(3){top:5px;right:15px;width:10px;animation-delay:.6s}.star:nth-child(4){top:26px;right:28px;width:12px;animation-delay:.9s}.star:nth-child(5){top:2px;right:50px;width:8px;animation-delay:1.2s}input:checked+.slider .stars{transform:translateY(-32px);opacity:0}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}to{transform:scale(1)}}.clouds{position:absolute;left:6px;top:0;bottom:0;width:20px;transition:1s;transform:translate(-55px)}.black-clouds{position:absolute;left:6px;top:0;bottom:0;width:20px;transition:1s;transform:translate(-55px);opacity:0;z-index:0}.black-cloud{position:absolute;width:20px;height:20px;background-color:#555;opacity:60%;border-radius:50%;animation:cloud-move 6s infinite;animation-delay:1s}.black-cloud:nth-child(1){top:1px;right:3px}.black-cloud:nth-child(2){top:15px;left:9px}.black-cloud:nth-child(3){top:20px;left:27px}input:checked+.slider .black-clouds{transform:translate(32px);opacity:1}.cloud{position:absolute;width:20px;height:20px;background-color:#fff;border-radius:50%;z-index:1;animation:cloud-move 6s infinite}.cloud:nth-child(1){top:0;height:21px;width:21px;right:14px}.cloud:nth-child(2){height:25px;width:25px;border-radius:50%;top:14px;right:6px}.cloud:nth-child(3){height:23px;width:23px;top:28px;left:4px}.cloud:nth-child(4){top:26px;left:20px}.cloud:nth-child(5){top:30px;left:30px}.cloud:nth-child(6){top:27px;left:46px}.cloud:nth-child(7){top:31px;left:58px}input:checked+.slider .clouds{transform:translate(32px);opacity:1}@keyframes cloud-move{0%{transform:translate(-32px)}40%{transform:translate(-36px)}80%{transform:translate(-28px)}to{transform:translate(-32px)}}.light-mode .speeder-loader>span>span{background:#020204!important}.light-mode .speeder-base span{border-right-color:#020204!important}.light-mode .speeder-base span:before{background:#020204!important}.light-mode .speeder-base span:after{border-right-color:#020204!important}.light-mode .speeder-face{background:#020204!important}.light-mode .speeder-face:after{background:#020204!important}.light-mode .longfazers span{background:#00aaff!important}@keyframes hazard-flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.animate-hazard{animation:hazard-flash 1s infinite ease-in-out}.cyber-signboard{--primary-glow: #00aaff;--secondary-glow: #7000ff;--inactive-color: #5c6b7f;--bg-dark: #0f1016;--switch-width: 180px;--switch-height: 44px;--padding: 4px;--item-width: calc((var(--switch-width) - (var(--padding) * 2)) / 2);display:flex;justify-content:center;align-items:center;font-family:sans-serif}.light-cyber .cyber-switch{background:#f0f4f8;border-color:#cbd5e1;box-shadow:inset 0 2px 4px #0000001a,inset 0 -1px 2px #fffc,0 5px 15px -5px #0000001a}.light-cyber .cyber-label{color:#94a3b8}.light-cyber .cyber-label:hover{color:#64748b}.cyber-switch{position:relative;width:var(--switch-width);height:var(--switch-height);background:var(--bg-dark);border-radius:20px;box-shadow:inset 0 2px 4px #000c,inset 0 -1px 2px #ffffff0d,0 20px 40px -10px #0009;display:flex;align-items:center;padding:var(--padding);box-sizing:border-box;overflow:hidden;border:1px solid #1f222e}.cyber-switch input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cyber-label{flex:1;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:2;position:relative;border-radius:14px;transition:all .3s ease;-webkit-tap-highlight-color:transparent;font-weight:700;font-size:.9rem;letter-spacing:.5px;color:var(--inactive-color)}.cyber-label span{transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.cyber-highlight{position:absolute;top:var(--padding);left:var(--padding);width:var(--item-width);height:calc(var(--switch-height) - (var(--padding) * 2));background:transparent;z-index:1;transition:transform .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.highlight-inner{width:100%;height:100%;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 20px var(--primary-glow),inset 0 0 15px #0af3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative}.light-cyber .highlight-inner{border-color:#00aaff4d;background:linear-gradient(145deg,rgba(0,170,255,.1) 0%,rgba(0,170,255,.05) 100%)}.highlight-inner:after{content:"";position:absolute;top:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);opacity:.8}.cyber-switch input:nth-of-type(1):checked~.cyber-highlight{transform:translate(0)}.cyber-switch input:nth-of-type(1):checked+label{color:#fff;text-shadow:0 0 8px var(--primary-glow)}.light-cyber .cyber-switch input:nth-of-type(1):checked+label{color:#0af;text-shadow:none}.cyber-switch input:nth-of-type(1):checked+label span{transform:scale(1.05)}.cyber-switch input:nth-of-type(2):checked~.cyber-highlight{transform:translate(100%)}.cyber-switch input:nth-of-type(2):checked+label{color:#fff;text-shadow:0 0 8px var(--primary-glow)}.light-cyber .cyber-switch input:nth-of-type(2):checked+label{color:#0af;text-shadow:none}.cyber-switch input:nth-of-type(2):checked+label span{transform:scale(1.05)}.cyber-switch input:focus-visible~.cyber-highlight .highlight-inner{border:1px solid #fff;box-shadow:0 0 30px var(--primary-glow)}.cyber-label:hover{color:#aeb9cc}.cyber-label:active span{transform:scale(.95)}.glare{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.1),transparent 60%);opacity:0;transition:opacity .3s}.cyber-label:hover .glare{opacity:1}@keyframes neon-pulse{0%,to{box-shadow:0 0 10px var(--primary-glow),inset 0 0 5px #0af3}50%{box-shadow:0 0 15px var(--primary-glow),inset 0 0 10px #00aaff4d}}.highlight-inner{animation:neon-pulse 3s infinite ease-in-out}.text-outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);transition:all .3s ease}.text-outline:hover{color:#0af;-webkit-text-stroke:0px transparent;text-shadow:0 0 20px rgba(0,170,255,.5)}
