.auth-popup{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);justify-content:center;align-items:center;z-index:9999}.auth-popup-content{width:21rem;height:25.5rem;background-color:var(--mainBg);padding:1rem;border-radius:.75rem;box-shadow:0 8px 16px rgba(0,0,0,.15);position:relative}.auth-popup-content .auth-popup-title{display:block;font-size:1.5rem}.auth-popup-content form{display:flex;flex-direction:column;gap:.75rem}.auth-popup-content input,.auth-popup-content select{width:100%;height:2rem;padding:0 .5rem}.auth-popup-content .auth-close{position:absolute;top:.5rem;right:1rem;font-size:1.5rem;color:var(--secondaryFg);cursor:pointer}.auth-popup-content .auth-close:hover{color:var(--mainFg)}.auth-popup-content button{padding:.5rem}#login-popup .auth-popup-title{margin-bottom:5rem}#login-popup .auth-popup-content button{margin-top:.75rem;margin-bottom:1rem}#register-popup .auth-popup-content form{gap:.5rem}#register-popup .auth-popup-content button{margin-top:.75rem}#login-popup>.auth-popup-content>div,#verify-popup>.auth-popup-content>div{text-align:center}#reset-password-link{margin-top:-.5rem}#reset-password-link small:hover{color:var(--accent);text-decoration:underline}#register-link{color:var(--accent);text-decoration:underline}#register-link:hover{color:#ff744e}#register-popup>.auth-popup-content>form>div:first-child{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr 1fr;gap:.75rem}#register-popup>.auth-popup-content>form>div:nth-child(2){display:grid;grid-template-columns:2fr 1fr;grid-template-rows:.5fr 1fr;gap:.75rem}#register-popup .auth-popup-title{margin-bottom:1.25rem}#verify-popup .auth-popup-title{margin-bottom:2.25rem}#verifyForm label{margin-top:1rem;text-align:center}#verifyForm .verification-code-container{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}#verifyForm .verification-code-digit{width:2.5rem;height:3rem;font-size:1.5rem;font-weight:700;text-align:center;border:1px solid var(--inputBg);border-radius:.25rem;outline:0;transition:border-color .2s}#verifyForm .verification-code-digit:focus{border-color:var(--accent);box-shadow:0 0 5px rgba(228,110,72,.5)}#verify-popup .auth-popup-content button{margin-bottom:1rem}#verify-popup p{padding:0 .75rem;text-align:center;color:var(--secondaryFg);font-size:1rem;line-height:normal}#verify-popup a{justify-self:center;text-align:center;color:var(--secondaryFg);text-decoration:underline}#verify-popup a:hover{color:var(--accent)}#verify-popup .auth-close{display:none}@media (max-width:768px){.auth-popup-content{width:100%;height:100%;padding:10%;border-radius:none;align-content:center}.auth-popup-content .auth-close{position:absolute;top:5rem;right:5rem;font-size:4rem}#login-popup .auth-popup-title,#register-popup .auth-popup-title,#verify-popup .auth-popup-title{font-size:4rem;margin-bottom:10rem}#verify-popup .auth-popup-title{text-align:center}#verify-popup p{margin-bottom:4rem}.auth-popup-content input,.auth-popup-content select{font-size:2rem;height:4rem;padding:0 1rem}.auth-popup-content label{font-size:2rem}.auth-popup-content form{gap:1.5rem}#verifyForm #verificationCode{font-size:6rem;letter-spacing:1rem;padding:.5rem;height:auto}#verifyForm .verification-code-container{gap:1rem}#verifyForm .verification-code-digit{width:6rem;height:7.5rem;font-size:5rem}#verify-popup p{padding:0 1.5rem;font-size:2rem}.auth-popup-content button{font-size:2.2rem;padding:1.5rem}.auth-popup-content a,.auth-popup-content span{font-size:1.75rem}.auth-popup-content small{font-size:1.5rem}}