html,body{overflow:hidden;height:100%}.login-page{width:100%;display:flex;flex-direction:column;gap:clamp(4px,1.2vh,10px);animation:slideIn .3s ease forwards}.login-page button{width:100%}.login-page.hidden{display:none}.login-page.slide-out-left{animation:slideOutLeft .3s ease forwards}.login-page.slide-out-right{animation:slideOutRight .3s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.input-group{position:relative;width:100%}.login-page input:not([type=color]):not([type=checkbox]){padding:clamp(10px,2vh,15px) 15px;margin-top:clamp(6px,1.2vh,10px)}.checkbox-group{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:0 0 0 5px;margin-bottom:-10px;position:relative}.checkbox-group p{flex-grow:1;text-align:left}.email-header{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.back-button{background:none;border:none;color:var(--text-color, #fff);cursor:var(--cursor-pointer);padding:8px;display:flex;align-items:center;justify-content:center;border-radius:5px;flex-shrink:0;width:auto;box-shadow:none}.back-button:hover{background:#ffffff1a}.email-display{color:#ffffffb3;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{position:relative;text-align:center;color:#ffffff80;font-size:14px;margin:5px 0}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:calc(50% - 20px);height:1px;background:#fff3}.divider:before{left:0}.divider:after{right:0}button{display:flex;align-items:center;justify-content:center;gap:10px}button .material-symbols-rounded{font-size:20px}#mfaContent button:not(.twofa-option){margin-top:10px}#mfaContent p{margin-bottom:15px}.twofa-options{display:flex;flex-direction:column;gap:10px;width:100%}.twofa-option{display:flex;align-items:center;gap:15px;border:var(--border-thin);border-radius:5px;background:#ffffff0d;color:var(--text-color, #fff);font-size:14px;cursor:var(--cursor-pointer);transition:all .2s ease;width:100%;box-shadow:none;text-align:left;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease}.twofa-option:hover{background:#b0f3;border-color:#b0f}.twofa-option .material-symbols-rounded{flex-shrink:0}.material-symbols-rounded{font-size:24px;cursor:var(--cursor-pointer);font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.info-text{color:#ffffffb3;font-size:14px;margin:0;text-shadow:none}#twoFactorPage h3{margin:0;font-size:18px;color:var(--text-color, #fff)}.mfa-discord-waiting{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 15px;border:var(--border);border-radius:5px;background:#ffffff0d;color:var(--text-color, #fff);font-size:14px}.mfa-spin{animation:mfa-spin 1s linear infinite}@keyframes mfa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.background-marquee.top{top:20%;left:50%;width:200vw;transform:translate(-50%) rotate(-20deg);-webkit-transform:translateX(-50%) rotate(-20deg);-moz-transform:translateX(-50%) rotate(-20deg);-ms-transform:translateX(-50%) rotate(-20deg);-o-transform:translateX(-50%) rotate(-20deg)}.background-marquee.top h1{animation:scroll 60s ease-in-out infinite alternate-reverse;-webkit-animation:scroll 60s ease-in-out infinite alternate-reverse;-webkit-text-stroke:2px #bb00ff80;background-position:100% 100%}.background-marquee.bottom{bottom:20%;left:50%;width:200vw;transform:translate(-50%) rotate(-20deg);-webkit-transform:translateX(-50%) rotate(-20deg);-moz-transform:translateX(-50%) rotate(-20deg);-ms-transform:translateX(-50%) rotate(-20deg);-o-transform:translateX(-50%) rotate(-20deg)}.background-marquee.bottom h1{animation:scroll 60s ease-in-out infinite alternate;-webkit-animation:scroll 60s ease-in-out infinite alternate;-webkit-text-stroke:2px #bb00ff80;background-position:100% 100%}.logo{width:clamp(48px,9vh,72px);height:clamp(48px,9vh,72px)}.center-container h2{font-size:clamp(1.2em,3.5vh,2em)}.register-link{text-decoration:none;font-size:.9em}.error-message{max-width:250px;color:#ff3030;font-size:.9em;margin:0;opacity:0;transition:opacity .3s ease;display:none;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease}.error-message.show{display:block;opacity:1}@media screen and (max-width:768px){html,body{overflow-y:auto;height:auto;min-height:100dvh}.background-marquee{display:none}.center-content{min-height:100dvh;width:100%;padding:20px 0}.center-container{width:100%;min-width:0;max-width:100%;border-left:none;border-right:none;border-radius:0}}