:root{--white:#fff;--white-dark:#eee;--black:#131313;--grey:#2e333d;--grey2:#464646;--light-grey:#7d7f92;--cyan:#1fb7ba;--green:#5ad27d;--red:#ff4d4d;--transition:0.25s ease-in}body{font-family:ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;margin:0;padding:0}body .background{height:100vh;display:flex;justify-content:center;background:linear-gradient(-150deg,#d7e7ff 20%,#e1f5ff 80%,#f0faff);color:#333}body .background .container{width:100vw;display:flex;gap:1em;flex-direction:column;justify-content:center;align-items:center;padding:1em;border-radius:10px;position:relative;transition:var(--transition)}body .background .container h1{margin-top:-2em;font-size:2.3em}body .background .container .advertisement{position:fixed;bottom:1em;font-size:.9em;user-select:none}body .background .container_chat{width:100%;max-height:80dvh;display:flex;gap:1em;flex-direction:column;justify-content:flex-start;align-items:center;padding:1em 26.5%;margin-left:1em;overflow:hidden;word-wrap:break-word;overflow-y:auto;transition:var(--transition)}body .background .arrowDown{position:fixed;top:80%;left:75%;transform:translate(-50%,-50%);width:1em;height:1em;font-size:1.5em;padding:.2em;color:var(--white);display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--grey2);user-select:none;cursor:pointer;transition:var(--transition);animation:fadeIn .5s ease-in-out}body .background .arrowDown:hover{box-shadow:0 0 0 4px rgba(0,0,0,.2)}body .background .bottom{position:fixed;bottom:1em;display:flex;flex-direction:column;align-items:center;gap:.5em;transition:var(--transition)}body .background .bottom .advertisement{font-size:.9em}body .contentLogin{width:100%;flex-direction:column;background-color:var(--black);color:var(--white)}body .contentLogin,body .contentLogin .loading_oauth{height:100vh;display:flex;justify-content:center;align-items:center}body .contentLogin .loading_oauth{width:100vw;position:fixed;background-color:rgba(0,0,0,.5);z-index:1000;cursor:wait}body .contentLogin .loading_oauth span{font-size:1.5em;font-weight:800;font-style:italic;color:var(--white);background-color:var(--cyan);padding:.5em 1em;border-radius:12px;box-shadow:0 0 20px 0 var(--cyan);user-select:none}body .contentLogin .header{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:1em 0}body .contentLogin .header .logo{margin:0;width:5%}body .contentLogin .header .logo img{width:80%;height:auto;border-radius:12px}body .contentLogin .header h1{margin:0;font-size:3em;font-weight:800}body .contentLogin .header .subtitle{width:100%;margin-top:1.5em;line-height:.8;display:flex;flex-direction:column;align-items:center}body .contentLogin .header .subtitle h3{font-style:italic;font-size:1.5em;margin:0}body .contentLogin .header .subtitle p{font-size:1em;color:var(--light-grey)}body .contentLogin .loginBox{width:23em;border-radius:12px;padding:1em;overflow:hidden;background-color:#202328}body .contentLogin .loginBox form{padding-top:.5em;display:flex;flex-direction:column;justify-content:center;align-items:center}body .contentLogin .loginBox form .inputBox{width:90%;display:flex;flex-direction:column;margin:.5em auto}body .contentLogin .loginBox form .inputBox input{width:90%;margin:auto;padding:.5em 1em;border:none;border-radius:8px;background-color:var(--grey);color:var(--white);font-size:1.2em;transition:var(--transition);font-family:var(--font)}body .contentLogin .loginBox form .inputBox input:focus{outline:none;box-shadow:0 0 0 2px var(--cyan)}body .contentLogin .loginBox form .inputBox label{margin-left:.2em;margin-bottom:.2em;display:flex;flex-wrap:wrap;align-items:center}body .contentLogin .loginBox form .inputBox label span{color:var(--red);margin-left:.3em}body .contentLogin .loginBox form .inputBox label p{color:var(--light-grey);font-size:.8em;margin:0 0 0 .5em}body .contentLogin .loginBox form .inputBox input[type=button]{width:101%;margin:0 auto;padding:.6em 1em;border:none;border-radius:8px;background-color:var(--cyan);color:var(--white);font-size:1.1em;font-style:italic;text-transform:uppercase;font-weight:700;transition:var(--transition);cursor:pointer}body .contentLogin .loginBox form .inputBox input[type=button]:hover{filter:brightness(.9)}body .contentLogin .loginBox form .inputBox input[type=button]:focus{box-shadow:none}body .contentLogin .loginBox form .inputBox input[type=button]:active{transform:scale(.99);filter:brightness(.8)}body .contentLogin .loginBox .register{text-align:center;color:var(--light-grey)}body .contentLogin .loginBox .register button{background-color:transparent;border:none;color:var(--cyan);text-decoration:none;cursor:pointer}body .contentLogin .loginBox .register button:hover{text-decoration:underline;outline:none}body .contentLogin .loginBox .register button:focus{outline:none;box-shadow:none}body .contentLogin .socialLogin{margin-top:1em;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-.99em)}to{opacity:1;transform:translate(-50%,-50%)}}