@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Unica+One&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";#root,.routes{overflow:hidden;position:absolute;top:0;left:0;width:100vw;height:100vh;background:#272727}textarea:focus,input:focus{outline:none}.modal{position:fixed;top:50%;left:30%;transform:translate(-50%,-50%);width:30vw;max-width:40vw;padding:4vmin;background-color:#fff;border-radius:1vmin;box-shadow:0 5px 15px #0000004d,0 0 15px #0000004d;border:2px solid rgba(121,134,203,.5);display:flex;flex-direction:column;align-items:center;z-index:2;font-family:Work Sans,sans-serif;height:65vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-overlay{position:fixed;z-index:15;align-items:center;padding-top:50%}.modal-signup{position:fixed;top:50%;left:75%;transform:translate(-50%,-50%);width:30vw;max-width:40vw;height:65vh;padding:4vmin;background-color:#fff;border-radius:1vmin;box-shadow:0 5px 15px #0000004d,0 0 15px #0000004d;border:2px solid rgba(121,134,203,.5);display:flex;flex-direction:column;align-items:center;z-index:2;font-family:Work Sans,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metaverse{width:20vmin;margin-top:2vmin;margin-bottom:1.5vmin}h1{font-size:2vmin;margin-bottom:2vmin;color:#000;font-family:Work Sans,sans-serif}form{width:75%;padding-top:2vmin;display:grid;flex-direction:column;gap:2vmin}label{font-size:2vmin;margin-bottom:1vmin;text-align:left;color:#fff}input[type=text],input[type=password]{width:100%;border:none;border-radius:.5vmin;font-size:1.5vmin;background:#ffffff1a;color:#000000;border:1px solid rgba(121,134,203,.5);padding:1vmin;box-shadow:inset 0 0 10px #7986cb80}input[type=text]::placeholder,input[type=password]::placeholder{color:#000c}button{width:50%;background-color:#d0d2ff;border:none;padding:1vmin;border-radius:.5vmin;font-size:1vmin;color:#000;cursor:pointer;transition:background-color .3s,transform .3s;box-shadow:0 0 15px #7986cbcc;margin-left:6em}button:disabled{background-color:#d0d2ff;cursor:not-allowed}button:hover:not(:disabled){background-color:#d0d2ff;transform:scale(1.05)}.buttons{display:flex;flex-direction:row}.button-signup{padding-top:3vmin;margin-right:-5vmin;width:50%;border:none;font-size:1vmin;color:#282c34;cursor:pointer;transition:background-color .3s,transform .3s}a{color:#000;text-decoration:none;font-size:1.75vmin;margin-top:2vmin;text-align:center;text-shadow:0 0 5px rgba(121,134,203,.8)}a:hover{text-decoration:underline}.footer-1{margin-top:5vmin;margin-bottom:-6vmin;font-size:1vmin;color:#b3b3b3;text-align:center}.footer-2{margin-top:3vmin;font-size:1vmin;color:#b3b3b3;text-align:center}.footer a{color:#000}.footer a:hover{color:#462c86}.switch{position:relative;display:inline-block;width:2em;height:1em}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;height:1.2em;width:2em;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";width:.75em;height:.75em;left:.25em;bottom:.25em;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(1em);-ms-transform:translateX(1em);transform:translate(1em)}.slider.round{border-radius:2em}.slider.round:before{border-radius:50%}.navbar{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;color:#fff;z-index:50}.left-buttons{display:flex;gap:10px}.right-elements{display:flex;align-items:center;gap:20px}.right-elements h1{margin:0;font-size:18px}.navbar button{background-color:#6f6b8a;border:none;color:#fff;padding:10px 20px;margin:0 10px;border-radius:10px;cursor:pointer;transition:background-color .3s}.navbar button:hover{background-color:#4f4a6d}@media (max-width: 600px){.navbar{flex-direction:column;align-items:flex-start}.right-elements{justify-content:flex-end;width:100%}.right-elements h1{font-size:16px}}.navbar button:disabled{background-color:#15263f;cursor:not-allowed}.clientName{background-color:#5842b1}.joystick-container{position:absolute;justify-content:center;align-items:center;z-index:5;gap:10px;bottom:10vh;left:0;right:0;margin-left:10vw}.ai{z-index:3;position:absolute;bottom:5vw;right:5vw;background-color:#d0d2ffb3;width:80vw;max-width:500px;height:auto;max-height:70vh;border-radius:15px;box-shadow:0 4px 20px #0006;padding:2vw;color:#000;overflow:hidden;box-sizing:border-box}.ai h1{font-size:1vw;margin-bottom:1vw;color:#000;text-align:center;animation:fadeIn 1s ease-in-out}.ai form{display:flex;flex-direction:column;align-items:center;gap:.5vw}.ai form label{font-size:2vw;margin-bottom:1vw;animation:fadeIn 1.2s ease-in-out}.ai form input{width:80%;max-width:400px;padding:.7vw;border:2px solid #6F6B8A;border-radius:5px;background-color:#9d9ba5;color:#000;transition:border-color .3s}.ai form input:focus{border-color:#e1dfeb}.ai form button{width:25%;max-width:200px;padding:1vw;background-color:#6f6b8a;border:none;border-radius:5px;color:#fff;font-size:1vw;cursor:pointer;transition:background-color .3s}.ai form button:hover{background-color:#4f4a6d}.response{margin-top:2vw;padding:1vw;background-color:#d0d2ff00;border-radius:10px;height:auto;max-height:30vh;overflow-y:auto;animation:fadeIn .3s ease-in-out}.formatted-response h2{font-size:3vw;margin-top:1em;color:#000}.formatted-response p{margin:.5em 0;color:#000}.formatted-response ul{padding-left:1.5em;color:#fff}.formatted-response li{list-style-type:disc;color:#000}.response::-webkit-scrollbar{width:8px}.response::-webkit-scrollbar-thumb{background-color:#d0d2ff;border-radius:10px}.response::-webkit-scrollbar-thumb:hover{background-color:#d0d2ff}@media (max-width: 480px){.ai{bottom:5vw;right:5vw;width:90vw;max-height:70vh;padding:4vw}.ai h1{font-size:6vw;margin-bottom:3vw}.ai form{gap:3vw}.ai form label{font-size:5vw;margin-bottom:2vw}.ai form input,.ai form button{font-size:5vw}.response{max-height:40vh}.formatted-response h2{font-size:4vw}}.chat{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#d0d2ffb3;font-size:1vw;width:80vw;height:40vh;max-width:350px;border-radius:12px;box-shadow:0 4px 12px #00000080;padding:.5vw;color:#000;overflow:hidden;animation:slideUp .5s ease-out}.chat-header{display:flex;justify-content:space-between;align-items:center;height:2.5vw}.chat-header button{background-color:#fff0;border:none;color:#000;font-size:.8vw;cursor:pointer;padding:1.2vw 1vw;margin-left:12vw;border-radius:4px;transition:background-color .3s}.chat-header button:hover{background-color:#fff3}.message-container{margin-top:.5vw;padding:0vw;background-color:#d0d2ff00;border-radius:8px;height:27vh;overflow-y:auto}.message{margin-bottom:.5vw;padding:0vw;border-radius:4px;background-color:#d0d4ff;font-size:1.2vw}.send-message{display:flex;justify-content:space-between;margin-top:1vw;padding:.8vw;background:#fff;border-radius:8px;margin-top:2vh}.send-message input{padding:.5vw;border:none;border-radius:4px;background:#fffc;color:#000;transition:background-color .3s}.send-message input:focus{background:#fffc}.send-message button{padding:.5vw 1vw 1vw;border:none;border-radius:4px;background-color:#9696ffcc;color:#fff;cursor:pointer;transition:background-color .3s}.send-message button:hover{background-color:#6f6b8a}.message-container::-webkit-scrollbar{width:6px}.message-container::-webkit-scrollbar-thumb{background-color:#8083cb;border-radius:8px}.message-container::-webkit-scrollbar-thumb:hover{background-color:#a39ada}@media (max-width: 480px){.chat{font-size:3vw;width:80vw;padding:2vw}.chat-header{margin-bottom:1.5vw}.chat-header button{font-size:3vw;padding:1vw 2vw}.message-container{height:20vh}.send-message{flex-direction:column}.send-message input{margin-bottom:2vw;margin-right:0}.send-message button{width:100%}}.popup-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:20vw;max-width:40vw;padding:2vmin;background:linear-gradient(135deg,#919ac4d9,#ffffffd9);border-radius:1vmin;box-shadow:0 5px 15px #0000004d,0 0 15px #7986cbb3;border:2px solid rgba(121,134,203,.5);display:flex;flex-direction:column;align-items:center;z-index:999;font-family:Work Sans,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.popup-modal h1{font-size:3vmin;margin-bottom:2vmin;color:#000;font-family:Unica One,sans-serif;text-shadow:0 0 10px rgba(121,134,203,.8)}.popup-modal p{font-size:2vmin;color:#282c34;margin-bottom:2vmin}.close-button{background-color:#d0d2ff;border:none;padding:1.5vmin;border-radius:.5vmin;font-size:1.5vmin;color:#282c34;cursor:pointer;transition:background-color .3s,transform .3s;box-shadow:0 0 15px #7986cbcc}.close-button:hover{background-color:#b4beff;transform:scale(1.05)}.countdown{font-family:Arial,sans-serif;font-size:3rem;font-weight:700;color:#fff;padding:15px 30px;border-radius:5px;text-align:center;box-shadow:0 2px 8px #0003;display:inline-block}.countdown{text-shadow:0 0 5px rgba(0,0,0,.5)}.countdown{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.countdown:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#000;background-size:cover;background-position:center;color:#fff;transition:opacity 1s ease-in-out;font-family:Arial,sans-serif;opacity:.7}.loading-screen--hidden{animation:fade-out .5s ease-in-out forwards 1s}@keyframes fade-out{0%{opacity:1}to{opacity:0;visibility:hidden}}.loading-screen__container{max-width:600px;padding:2rem;background:#14142899;border-radius:16px;box-shadow:0 0 20px #fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-screen__title{font-size:3rem;font-weight:900;text-transform:uppercase;margin:0;margin-bottom:1rem;color:#e0e0e0;background:linear-gradient(90deg,#190155,#0ff);background-clip:text;-webkit-background-clip:text;color:transparent}.loading-screen__subtitle{font-size:1.2rem;margin-bottom:2rem;letter-spacing:.1em;color:#bbb}.progress__container{width:100%;height:1.5rem;background:#ffffff1a;border-radius:10px;overflow:hidden;box-shadow:0 0 15px #ffffff4d;position:relative}.progress__bar{height:100%;background:linear-gradient(90deg,#422091,#0ff);box-shadow:0 0 10px #fff9;transition:width .5s ease-in-out;border-radius:10px}