.home-page{width:100vw;height:100vh;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#0a1929;position:relative;overflow:hidden;transition:background .5s ease}.home-page.activated{background:#0d2137}.ambient-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.ambient-particle{position:absolute;bottom:-20px;left:var(--x-start);width:var(--size);height:var(--size);background:radial-gradient(circle,#00c8ffcc,#00a8ff00 70%);border-radius:50%;animation:floatUp var(--duration) ease-in-out infinite;animation-delay:var(--delay);opacity:0}@keyframes floatUp{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100vh) translate(calc(var(--x-end) - var(--x-start)));opacity:0}}.ambient-sweep{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,168,255,.03) 40%,rgba(0,200,255,.08) 50%,rgba(0,168,255,.03) 60%,transparent 100%);z-index:1;pointer-events:none;animation:ambientSweep 8s linear infinite}@keyframes ambientSweep{0%{left:-50%}to{left:150%}}.orbit-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;z-index:1;pointer-events:none}.orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,168,255,.2)}.orbit-1{width:200px;height:200px;animation:orbitPulse 4s ease-in-out infinite}.orbit-2{width:260px;height:260px;animation:orbitPulse 4s ease-in-out infinite 1s}@keyframes orbitPulse{0%,to{border-color:#00a8ff1a;transform:translate(-50%,-50%) scale(1)}50%{border-color:#00a8ff4d;transform:translate(-50%,-50%) scale(1.05)}}.orbit-dot{position:absolute;width:8px;height:8px;background:#00c8ff;border-radius:50%;box-shadow:0 0 10px #00c8ff,0 0 20px #00c8ff80}.dot-1{top:50%;left:50%;transform-origin:0 0;animation:orbitRotate1 6s linear infinite}.dot-2{top:50%;left:50%;transform-origin:0 0;animation:orbitRotate2 8s linear infinite reverse}@keyframes orbitRotate1{0%{transform:rotate(0) translate(100px) rotate(0)}to{transform:rotate(360deg) translate(100px) rotate(-360deg)}}@keyframes orbitRotate2{0%{transform:rotate(0) translate(130px) rotate(0)}to{transform:rotate(360deg) translate(130px) rotate(-360deg)}}.circuit-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background-image:url(/assets/Asset%202@2-Byyv9j-3.svg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(0) invert(.4) sepia(1) saturate(4) hue-rotate(200deg) drop-shadow(0 0 30px rgba(0,168,255,.5));-webkit-filter:brightness(0) invert(.4) sepia(1) saturate(4) hue-rotate(200deg) drop-shadow(0 0 30px rgba(0,168,255,.5));opacity:.6;isolation:isolate;-webkit-isolation:isolate;transition:all .5s ease;animation:circuitGlow 3s ease-in-out infinite}@keyframes circuitGlow{0%,to{filter:brightness(0) invert(.4) sepia(1) saturate(4) hue-rotate(200deg) drop-shadow(0 0 30px rgba(0,168,255,.5));-webkit-filter:brightness(0) invert(.4) sepia(1) saturate(4) hue-rotate(200deg) drop-shadow(0 0 30px rgba(0,168,255,.5));opacity:.6}50%{filter:brightness(0) invert(.6) sepia(1) saturate(5) hue-rotate(200deg) drop-shadow(0 0 60px rgba(0,200,255,.8)) drop-shadow(0 0 100px rgba(0,168,255,.4));-webkit-filter:brightness(0) invert(.6) sepia(1) saturate(5) hue-rotate(200deg) drop-shadow(0 0 60px rgba(0,200,255,.8)) drop-shadow(0 0 100px rgba(0,168,255,.4));opacity:.8}}.circuit-background.pulse{animation:circuitPulse .5s ease-out forwards}@keyframes circuitPulse{0%{opacity:.5;filter:brightness(0) invert(.3) sepia(1) saturate(3) hue-rotate(200deg) drop-shadow(0 0 20px rgba(0,168,255,.3))}50%{opacity:.9;filter:brightness(0) invert(.5) sepia(1) saturate(5) hue-rotate(200deg) drop-shadow(0 0 60px rgba(0,168,255,.8))}to{opacity:.3;filter:brightness(0) invert(.2) sepia(1) saturate(2) hue-rotate(200deg) drop-shadow(0 0 30px rgba(0,168,255,.4))}}.light-sweep{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,168,255,.1) 40%,rgba(0,200,255,.3) 50%,rgba(0,168,255,.1) 60%,transparent 100%);z-index:1;pointer-events:none;opacity:0}.light-sweep.active{animation:sweepAcross 1s ease-out forwards}@keyframes sweepAcross{0%{left:-100%;opacity:1}to{left:100%;opacity:0}}.energy-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:3px solid rgba(0,168,255,.8);box-shadow:0 0 20px #00a8ff99,inset 0 0 20px #00a8ff4d;animation:ringExpand 1.5s ease-out forwards}.ring-1{animation-delay:0s}.ring-2{animation-delay:.15s}.ring-3{animation-delay:.3s}.ring-4{animation-delay:.45s}@keyframes ringExpand{0%{width:140px;height:140px;opacity:1;border-width:3px}to{width:800px;height:800px;opacity:0;border-width:1px}}.particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none}.particle{position:absolute;width:6px;height:6px;background:#00c8ff;border-radius:50%;box-shadow:0 0 10px #00c8ff,0 0 20px #00c8ff80;animation:particleFly 1s ease-out forwards;animation-delay:var(--delay);opacity:0}@keyframes particleFly{0%{transform:translate(0) scale(1);opacity:1}80%{opacity:.8}to{transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance))) scale(0);opacity:0}}.flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,200,255,.4) 0%,rgba(0,168,255,.2) 30%,transparent 70%);z-index:2;pointer-events:none;animation:flashPulse .6s ease-out forwards}@keyframes flashPulse{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(2)}}.home-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:3rem}.main-title{color:#fff;font-family:Prompt,sans-serif;font-size:3rem;font-weight:700;margin:0;text-align:center;display:flex;flex-direction:column;gap:.5rem;letter-spacing:.02em;line-height:1.3;width:100%}.title-line{display:block;white-space:nowrap;text-shadow:0 0 20px rgba(0,168,255,.6),0 0 40px rgba(0,168,255,.3);transition:all .3s ease;animation:titleGlow 3s ease-in-out infinite}.title-line:nth-child(1){animation-delay:0s}.title-line:nth-child(2){animation-delay:.5s}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(0,168,255,.6),0 0 40px rgba(0,168,255,.3);opacity:1}50%{text-shadow:0 0 30px rgba(0,200,255,.9),0 0 60px rgba(0,168,255,.6),0 0 80px rgba(0,168,255,.3);opacity:.95}}.title-line:hover{text-shadow:0 0 30px rgba(0,168,255,.9),0 0 60px rgba(0,168,255,.5)}.home-text.fade-out{animation:textFadeOut .8s ease-out forwards}@keyframes textFadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-30px)}}.home-text{position:absolute;top:15%;left:50%;transform:translate(-50%);z-index:5;width:90%;max-width:900px;text-align:center}.power-button{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:3px solid rgba(255,255,255,.1);box-shadow:0 0 30px #000000e6,inset 0 0 30px #0009,0 0 50px #00a8ff66,0 0 100px #00a8ff33;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.power-button:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 30px #000000e6,inset 0 0 30px #0009,0 0 60px #00a8ff99}.power-button:active{transform:translate(-50%,-50%) scale(.95)}.power-button:disabled{cursor:not-allowed}.button-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:transparent;pointer-events:none;transition:all .3s ease}.power-button.activated{animation:buttonActivate .8s ease-out forwards}.power-button.activated .button-glow{animation:glowPulse .5s ease-out forwards}.power-button.activated .power-icon{animation:iconSpin .8s ease-out forwards}@keyframes buttonActivate{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 30px #000000e6,inset 0 0 30px #0009,0 0 50px #00a8ff66,0 0 100px #00a8ff33}30%{transform:translate(-50%,-50%) scale(.9);box-shadow:0 0 40px #000000e6,inset 0 0 40px #0009,0 0 80px #00a8ffcc,0 0 150px #00a8ff80}60%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 50px #000000e6,inset 0 0 50px #0009,0 0 100px #00c8ff,0 0 200px #00a8ffcc}to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 30px #000000e6,inset 0 0 30px #0009,0 0 60px #00a8ff99,0 0 120px #00a8ff4d}}@keyframes glowPulse{0%{box-shadow:0 0 #00a8ffcc;opacity:1}30%{box-shadow:0 0 60px 30px #00c8ff99;opacity:1}to{box-shadow:0 0 0 0 transparent;opacity:0}}@keyframes iconSpin{0%{transform:rotate(0) scale(1);filter:drop-shadow(0 0 15px #00a8ff) drop-shadow(0 0 30px rgba(0,168,255,.5))}50%{transform:rotate(180deg) scale(1.2);filter:drop-shadow(0 0 30px #00c8ff) drop-shadow(0 0 60px rgba(0,200,255,.8))}to{transform:rotate(360deg) scale(1);filter:drop-shadow(0 0 20px #00a8ff) drop-shadow(0 0 40px rgba(0,168,255,.6))}}.power-icon{width:60px;height:60px;color:#00a8ff;filter:drop-shadow(0 0 15px #00a8ff) drop-shadow(0 0 30px rgba(0,168,255,.5));transition:transform .4s cubic-bezier(.4,0,.2,1);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 15px #00a8ff) drop-shadow(0 0 30px rgba(0,168,255,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 25px #00c8ff) drop-shadow(0 0 50px rgba(0,200,255,.8));transform:scale(1.05)}}.power-button:not(.activated){animation:buttonBreathing 3s ease-in-out infinite}@keyframes buttonBreathing{0%,to{box-shadow:0 0 30px #000000e6,inset 0 0 30px #0009,0 0 50px #00a8ff66,0 0 100px #00a8ff33}50%{box-shadow:0 0 30px #000000e6,inset 0 0 30px #0009,0 0 70px #00c8ff99,0 0 120px #00a8ff66}}@media (max-width: 1024px){.main-title{font-size:2.5rem;top:12%;width:85%}.power-button{width:130px;height:130px}.power-icon{width:55px;height:55px}}@media (max-width: 768px){.home-page{padding:1rem}.main-title{font-size:1.8rem;top:8%;gap:.4rem;width:95%;padding:0 1rem;line-height:1.2}.title-line{font-size:.95em}.power-button{width:110px;height:110px;border-width:2px}.power-icon{width:45px;height:45px}.circuit-svg{opacity:.3}}@media (max-width: 480px){.main-title{font-size:1.4rem;top:5%;gap:.3rem;letter-spacing:.01em}.title-line{font-size:.9em}.power-button{width:100px;height:100px}.power-icon{width:40px;height:40px}.circuit-svg{opacity:.25}}@media (max-width: 768px) and (orientation: landscape){.main-title{font-size:1.5rem;top:5%;gap:.2rem}.power-button{width:100px;height:100px}.power-icon{width:40px;height:40px}}.color-page{width:100vw;height:100vh;margin:0;padding:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.logo-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:500px;padding:2rem}.logo{width:100%;height:auto;max-width:400px;object-fit:contain;animation:logoFadeIn .8s ease-out;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.color-page.blinking{animation:colorBlink .15s ease-in-out}@keyframes colorBlink{0%,to{opacity:1}50%{opacity:.95}}.back-button{position:absolute;top:2rem;left:2rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;background:#ffffffe6;color:#333;box-shadow:0 4px 15px #0003;transition:transform .2s,box-shadow .2s,background .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:#fff}.back-button:active{transform:translateY(0)}@media (max-width: 1024px){.back-button{top:1.5rem;left:1.5rem;padding:.7rem 1.8rem;font-size:.95rem}.logo-container{max-width:400px;padding:1.5rem}.logo{max-width:350px}}@media (max-width: 768px){.back-button{top:1rem;left:1rem;padding:.6rem 1.5rem;font-size:.9rem}.logo-container{max-width:300px;padding:1rem}.logo{max-width:280px}}@media (max-width: 480px){.back-button{top:.8rem;left:.8rem;padding:.5rem 1.2rem;font-size:.85rem}.logo-container{max-width:250px;padding:.8rem}.logo{max-width:220px}}@media (max-width: 768px) and (orientation: landscape){.back-button{top:.5rem;left:.5rem;padding:.5rem 1rem;font-size:.8rem}.logo-container{max-width:200px;padding:.5rem}.logo{max-width:180px}}#root{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}@font-face{font-family:Prompt;src:url(/assets/PROMPT-BOLD-COVIiiTa.TTF) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{font-family:Prompt,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;height:100%;min-width:320px;overflow:hidden}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
