:root{--main-bg-color: #0b1217;--main-bg-color3: #131517;--textColor1: #008cff;--textColor2: #e6e6e6;--textColor3: #737594;--primary: #16ade7;--main-bg-color2: #0b1217}html,body{margin:0;padding:0;height:100%;width:100%}#app{height:100%;width:100%}.nameTag{color:var(--primary)}.button2{position:relative;color:var(--textColor2);background-size:400%;background-position:0% 0%;animation:gradientRotate 1s infinite paused alternate}.button2:before{content:"";position:absolute;inset:-2px;border-radius:26px;background-image:linear-gradient(90deg,#16ade7,#138fc0,#0e5d7c,#0b5775,#0f79a3,#16ade7);background-size:500%;background-position:0% 0%;filter:blur(12px);opacity:1;z-index:-1;transition:opacity .2s;animation:gradientRotate 8s infinite paused alternate;animation-play-state:running}.button:hover{background-color:var(--textColor2);color:var(--main-bg-color)}.button{display:flex;align-items:center;justify-content:center;margin:30px 0;min-height:50px;padding:5px 15px;font-family:Consolas,monospace;font-size:1.2rem;line-height:20px;font-weight:700;text-transform:uppercase;text-align:center;text-decoration:none;border:none;outline:none;box-shadow:none;background-color:transparent;background-position:top center;border:1px solid var(--textColor2);cursor:pointer;transition:.3s ease-in-out;transition-property:background,color;width:150px}@keyframes gradientRotate{0%{background-position:0% 0%}to{background-position:100% 100%}}body{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--main-bg-color);overflow:hidden}canvas{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important}.headlineWrapper{position:fixed;top:32%;left:5%;z-index:10}.headlineWrapper h2{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:3rem;color:#e6e6e6;margin:0}.resetButton{position:fixed;top:20px;right:20px;padding:8px 12px;background-color:transparent;color:#e6e6e6;border:none;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.resetButton svg{transition:transform .3s ease}.resetButton:hover svg{transform:rotate(20deg)}.bottomButtons{position:fixed;bottom:20px;width:100%;display:flex;gap:10px;z-index:10;justify-content:center}.footerButton{font-family:Consolas,monospace;margin:10px 20px;color:#e6e6e6;border:none;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.footerButton:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.modal{position:relative;background-color:#1a1a1a;color:#e6e6e6;padding:30px;border-radius:8px;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #000c}.modal h3{margin-top:0;font-size:24px;margin-bottom:20px;color:#e6e6e6}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;color:#e6e6e6;font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.modal-close:hover{color:#999}.modal-content{line-height:1.6;min-width:400px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e6e6e6}.modal-content a{color:var(--primary)}.modal-content p{margin:15px 0}.modal-content strong{color:#fff}.modal-enter-active{animation:overlayFadeIn .4s ease}.modal-enter-active .modal{animation:modalFlyIn .4s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active{animation:overlayFadeOut .3s ease}.modal-leave-active .modal{animation:modalFlyOut .3s cubic-bezier(.16,1,.3,1)}@keyframes modalFlyIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalFlyOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.95)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes cursor{0%,to{border-color:transparent}50%{border-color:var(--main-bg-color)}}@keyframes typing{0%{width:100%}90%,to{width:0}}@keyframes slide{25%{font-size:3rem;letter-spacing:3px}to{font-size:0;letter-spacing:0}}.typing-slider{font-family:Consolas,monospace;font-weight:700;text-align:left;white-space:nowrap}.typing-slider p{position:relative;display:inline;font-size:0;text-transform:uppercase;letter-spacing:0;animation:slide 20s step-start infinite;color:var(--main-bg-color)}.wrapper{padding:10px;margin-top:15px;background-color:#e6e6e6;width:500px;z-index:10}.typing-slider p:after{content:"";position:absolute;top:0;right:0;bottom:0;border-left:3px solid black;background-color:#e6e6e6;animation:typing 5s infinite,cursor 1s infinite}.typing-slider p:nth-child(1){animation-delay:0s}.typing-slider p:nth-child(1):after{animation-delay:0s;animation-timing-function:steps(13),step-end}.typing-slider p:nth-child(2){animation-delay:5s}.typing-slider p:nth-child(2):after{animation-delay:5s;animation-timing-function:steps(14),step-end}.typing-slider p:nth-child(3){animation-delay:10s}.typing-slider p:nth-child(3):after{animation-delay:10s;animation-timing-function:steps(12),step-end}.typing-slider p:nth-child(4){animation-delay:15s}.typing-slider p:nth-child(4):after{animation-delay:15s;animation-timing-function:steps(11),step-end}@media(max-width:1024px){.headlineWrapper{left:3%}.headlineWrapper h2{font-size:2.5rem}.wrapper{width:450px}.modal-content{min-width:350px}}@media(max-width:1024px)and (max-height:600px){.headlineWrapper{top:25%}.headlineWrapper h2{font-size:2rem}.wrapper{width:350px}}@media(max-width:768px){.headlineWrapper{position:fixed;top:7%;left:50%;transform:translate(-50%);z-index:10;text-align:center;width:100%;padding:0 20px;box-sizing:border-box}.headlineWrapper h2{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.8rem;color:#e6e6e6;margin:0 0 15px;line-height:1.2}.wrapper{padding:8px;margin:10px auto 0;background-color:#e6e6e6;width:440px;z-index:10;text-align:left;height:50px}.typing-slider{transform:scale(.7);transform-origin:left center;margin-top:-3px}.typing-slider p{font-size:0;letter-spacing:0}.button{display:flex;align-items:center;justify-content:center;margin:15px auto;min-height:45px;padding:5px 12px;font-family:Consolas,monospace;font-size:1rem;line-height:18px;font-weight:700;text-transform:uppercase;text-align:center;text-decoration:none;border:none;outline:none;box-shadow:none;background-color:transparent;background-position:top center;border:1px solid var(--textColor2);cursor:pointer;transition:.3s ease-in-out;transition-property:background,color;width:130px}.resetButton{top:15px;right:15px;padding:6px 10px;z-index:10}.resetButton svg{width:30px;height:30px}.bottomButtons{position:fixed;bottom:15px;width:100%;display:flex;gap:55px;z-index:10;justify-content:center;flex-wrap:wrap;padding:0 10px;box-sizing:border-box}.footerButton{font-family:Consolas,monospace;margin:5px;color:#e6e6e6;border:none;cursor:pointer;transition:background-color .3s ease}.footerButton:hover{text-decoration:underline}.modal{position:relative;background-color:#1a1a1a;color:#e6e6e6;padding:20px;border-radius:8px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 4px 20px #000c}.modal h3{margin-top:0;font-size:20px;margin-bottom:15px;color:#e6e6e6}.modal-content{line-height:1.6;min-width:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e6e6e6;font-size:14px}.modal-content p{margin:10px 0}}@media(max-width:480px){.headlineWrapper h2{font-size:1.5rem;margin:0 0 10px}.wrapper{padding:6px;margin:8px auto 0;width:95%}.button{margin:12px auto;min-height:42px;padding:4px 10px;font-size:.9rem;line-height:16px;width:120px}.resetButton{top:12px;right:12px;padding:5px 8px}.resetButton svg{width:25px;height:25px}.bottomButtons{bottom:12px;padding:0 8px}.footerButton{margin:3px}.modal{padding:15px;border-radius:6px;max-width:95vw;max-height:80vh}.modal h3{font-size:18px;margin-bottom:12px}.modal-content{font-size:13px}.modal-content p{margin:8px 0}}@media(max-width:360px){.headlineWrapper h2{font-size:1.3rem}.wrapper{width:98%}.button{width:100px;font-size:.85rem;min-height:40px}.footerButton{margin:2px}}@media(max-height:500px){.headlineWrapper{top:15%}.headlineWrapper h2{margin-bottom:8px}.wrapper{margin-top:5px;padding:5px}.button{margin:8px auto;min-height:40px;font-size:.9rem}.bottomButtons{bottom:10px;gap:3px}.footerButton{margin:2px}}@media(min-width:768px)and (max-width:1200px){.headlineWrapper{top:7%;left:50%;transform:translate(-50%);z-index:10;text-align:center}.headlineWrapper h2{font-size:2rem}.button{font-size:1rem;margin:15px auto}}@media(min-width:768px)and (max-width:1200px)and (orientation:landscape){.headlineWrapper{position:fixed;top:32%;left:3%;z-index:10;text-align:left!important;transform:unset!important}.headlineWrapper h2{font-size:2rem}.button{font-size:1rem;margin-left:0}.wrapper{width:95%!important;min-width:450px}}@media(max-width:950px)and (max-height:500px)and (orientation:landscape){.headlineWrapper{top:17%}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#101010;display:flex;align-items:center;justify-content:center;z-index:9999}.loader{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:50px;height:50px;border:4px solid rgba(0,140,255,.2);border-top-color:#008cff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader p{color:var(--textColor2);font-size:16px;font-weight:500;margin:0;letter-spacing:2px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}