@import"https://fonts.googleapis.com/css2?family=Madimi+One&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{margin:0;padding:0;font-family:Roboto Slab,sans-serif;color:#fff}.logo{display:flex;flex-direction:row;align-items:center}.logo-img{filter:invert(100%)}button{position:relative;background:#fff;color:#fff;text-decoration:none;text-transform:uppercase;border:none;letter-spacing:.1rem;font-size:1rem;padding:1rem 3rem;transition:.4s}button:hover{letter-spacing:.1rem;padding:1rem 3rem;background:#ff0;color:#fff;transform:scale(1.05)}button:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#272822}button span{position:relative;z-index:1}button i{position:absolute;top:0;right:0;bottom:0;left:0;display:block}button i:before{content:"";position:absolute;width:8px;height:2px;left:80%;top:-2px;border:2px solid green;background:#272822;transition:.5s}button:hover i:before{width:15px;left:20%;animation:move 3s infinite}button i:after{content:"";position:absolute;width:10px;height:2px;left:20%;bottom:-2px;border:2px solid green;background:#272822;transition:.6s}button:hover i:after{left:80%;animation:move 3s infinite}.container{display:flex;justify-content:center;align-items:center;height:70vh;gap:3%}.login-page{font-family:sans-serif;background:#243b55}.login-box{width:350px;padding:50px;background:#000000b3;border-radius:10px;box-shadow:5px 5px 15px -1px #000}.heading-login-box{margin-top:20px;margin-bottom:20px;color:#fff;text-align:center}.user-box{position:relative}.user-box-input{width:100%;padding:10px 0;font-size:14px;color:#fff;margin-bottom:30px;border:none;border-bottom:1px solid #fff;outline:none;background:transparent}.user-box-label{position:absolute;top:0;left:0;padding:10px 0;font-size:14px;color:#fff;pointer-events:none;transition:.5s}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label{top:-20px;left:0;color:#8ab0df;font-size:12px}.login-box-button{position:relative;display:inline-block;padding:10px 20px;color:#8ab0df;font-size:14px;text-decoration:none;overflow:hidden;transition:.5s;margin-top:30px}.login-box a:hover{background:#8ab0df;color:#fff}.login-box a span{position:absolute;display:block}.login-box-button span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#8ab0df);animation:btn-1 1.7s linear infinite}@keyframes btn-1{0%{left:-100%}50%,to{left:100%}}.login-box-button span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#8ab0df);animation:btn-2 1.7s linear infinite;animation-delay:.25s}@keyframes btn-2{0%{top:-100%}50%,to{top:100%}}.login-box-button span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#8ab0df);animation:btn-3 1.7s linear infinite;animation-delay:.5s}@keyframes btn-3{0%{right:-100%}50%,to{right:100%}}.login-box-button span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#8ab0df);animation:btn-4 1.7s linear infinite;animation-delay:.75s}@keyframes btn-4{0%{bottom:-100%}50%,to{bottom:100%}}@media screen and (max-width: 576px) and (min-width: 400px){.login-box{width:250px}}@media screen and (max-width: 400px){.login-box{width:200px}.heading-login-box{font-size:16px!important}.user-box-input,.user-box-label,.login-box-button{font-size:12px}}.no-dec{color:#ff0}.no-dec:hover{background-color:red}:root{--EVA-ROTATION-DURATION: 4s}.modelViewPort{perspective:1000px;width:20rem;aspect-ratio:1;border-radius:50%;display:flex;justify-content:center;align-items:center;background:transparent;overflow:hidden}.eva{transform-style:preserve-3d;animation:rotateRight var(--EVA-ROTATION-DURATION) linear infinite alternate}.head{position:relative;width:6rem;height:4rem;border-radius:48% 53% 45% 55%/79% 79% 20% 22%;background:linear-gradient(to right,#fff 45%,gray)}.eyeChamber{width:4.5rem;height:2.75rem;position:relative;left:50%;top:55%;border-radius:45% 53% 45% 48%/62% 59% 35% 34%;background-color:#0c203c;box-shadow:0 0 2px 2px #fff,inset 0 0 0 2px #000;transform:translate(-50%,-50%);animation:moveRight var(--EVA-ROTATION-DURATION) linear infinite alternate}.eye{width:1.2rem;height:1.5rem;position:absolute;border-radius:50%}.eye:first-child{left:12px;top:50%;background:repeating-linear-gradient(65deg,#9bdaeb,#9bdaeb,#fff 2px);box-shadow:inset 0 0 5px #04b8d5,0 0 15px 1px #0bdaeb;transform:translateY(-50%) rotate(-65deg)}.eye:nth-child(2){right:12px;top:50%;background:repeating-linear-gradient(-65deg,#9bdaeb,#9bdaeb,#fff 2px);box-shadow:inset 0 0 5px #04b8d5,0 0 15px 1px #0bdaeb;transform:translateY(-50%) rotate(65deg)}.hand{position:absolute;left:-1.5rem;top:.75rem;width:2rem;height:5.5rem;border-radius:40%;background:linear-gradient(to left,#fff 15%,gray);box-shadow:5px 0 5px #00000040;transform:rotateY(55deg) rotate(10deg)}.hand:first-child{animation:compensateRotation var(--EVA-ROTATION-DURATION) linear infinite alternate}.hand:nth-child(2){left:92%;background:linear-gradient(to right,#fff 15%,gray);transform:rotateY(55deg) rotate(-10deg);animation:compensateRotationRight var(--EVA-ROTATION-DURATION) linear infinite alternate}.scannerThing{width:0;height:0;position:absolute;left:60%;top:10%;border-top:180px solid #9bdaeb;border-left:250px solid transparent;border-right:250px solid transparent;transform-origin:top left;mask:linear-gradient(to right,white,transparent 35%);animation:glow 2s cubic-bezier(.86,0,.07,1) infinite}.scannerOrigin{position:absolute;width:8px;aspect-ratio:1;border-radius:50%;left:60%;top:10%;background:#9bdaeb;box-shadow:inset 0 0 5px #00000080;animation:moveRight var(--EVA-ROTATION-DURATION) linear infinite}@keyframes rotateRight{0%{transform:rotateY(0)}to{transform:rotateY(25deg)}}@keyframes moveRight{0%{transform:translate(-50%,-50%)}to{transform:translate(-40%,-50%)}}@keyframes compensateRotation{0%{transform:rotateY(55deg) rotate(10deg)}to{transform:rotatey(30deg) rotate(10deg)}}@keyframes compensateRotationRight{0%{transform:rotateY(55deg) rotate(-10deg)}to{transform:rotateY(70deg) rotate(-10deg)}}@keyframes glow{0%{opacity:0}20%{opacity:1}45%{transform:rotate(-25deg)}75%{transform:rotate(5deg)}to{opacity:0}}.scrollable-container{overflow-y:scroll;width:60%;margin:0 auto;height:200px;scroll-behavior:smooth}.scrollable-container::-webkit-scrollbar{width:10px}.scrollable-container::-webkit-scrollbar-track{background:#171719}.scrollable-container::-webkit-scrollbar-thumb{background:#888;border-radius:20px}.scrollable-container::-webkit-scrollbar-thumb:hover{background:#555}.scrollable-chat{overflow-y:hidden;overflow-x:scroll;width:60%;height:200px;scroll-behavior:smooth}.scrollable-chat::-webkit-scrollbar{width:10px}.scrollable-chat::-webkit-scrollbar-track{background:#171719}.scrollable-chat::-webkit-scrollbar-thumb{background:#888;border-radius:20px}.scrollable-chat::-webkit-scrollbar-thumb:hover{background:#555}.scrollhost::-webkit-scrollbar{display:none}.scrollhost ::-moz-scrollbar{display:none}.scrollhost{overflow:auto;-ms-overflow-style:none;scrollbar-color:transparent transparent;scroll-behavior:smooth}::-webkit-scrollbar{width:5px;height:10px;border-radius:20px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;height:5px;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#555}::-moz-scrollbar{width:5px}::-moz-scrollbar-track{background:#f1f1f1}::-moz-scrollbar-thumb{background:#888;border-radius:10px}::-moz-scrollbar-thumb:hover{background:#555}.active p{text-decoration:underline;text-decoration-thickness:px}.partial-transparent image{opacity:.9}