#loginPage{display:flex}#loginPage .cover-img{flex-basis:45%;height:100vh;object-fit:cover}@media (min-width:768px){#loginPage .cover-img{display:flex}}@media (max-width:768px){#loginPage .cover-img{display:none}}#loginPage .auth-container{flex-basis:55%;padding:2vw;display:flex;flex-direction:column;gap:1.5vw;align-items:center;justify-content:center}#loginPage .auth-container #signin-view{width:50vw}#loginPage .auth-container #signup-view{width:50vw}#loginPage .auth-container .header{display:flex;justify-content:center;align-items:center;gap:0.5vw}#loginPage .auth-container .header p{font-size:0.85vw;color:gray}#loginPage .auth-container .header .welcome-text{display:none}#loginPage .auth-container .google-btn{padding:0.8vw;border-radius:0.5vw;border:none;background-color:#E8EFF2CC;color:var(--dark-font);font-size:0.9vw;width:40%;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5vw}#loginPage .auth-container .or-separator{display:flex;justify-content:center;align-items:center;gap:0.5vw;width:100%}#loginPage .auth-container .or-separator span{font-size:0.75vw;color:gray;position:relative;padding:0 0.5vw}#loginPage .auth-container .or-separator span::before,#loginPage .auth-container .or-separator span::after{content:"";position:absolute;top:50%;width:500%;height:1px;background-color:#ccc}#loginPage .auth-container .or-separator span::before{right:100%}#loginPage .auth-container .or-separator span::after{left:100%}#loginPage .auth-container .auth-view{display:none;width:100%}#loginPage .auth-container .auth-view.active{display:flex;flex-direction:column;gap:1.5vw;align-items:center}#loginPage .auth-container .login-form{display:flex;flex-direction:column;gap:1vw;width:45%;color:var(--dark-font)}#loginPage .auth-container .login-form .error-message{font-size:0.7vw;color:var(--color)}#loginPage .auth-container .login-form .input-group{display:flex;flex-direction:column;gap:0.2vw}#loginPage .auth-container .login-form .input-group input{padding:0.8vw;border-radius:0.8vw;border:1px solid #ccc;background-color:white !important;font-size:0.9vw}#loginPage .auth-container .login-form .input-group input:focus{outline:none}#loginPage .auth-container .login-form .input-group .checkbox-label{display:flex;align-items:center;gap:0.3vw;cursor:pointer;font-size:0.85vw}#loginPage .auth-container .login-form .input-group .checkbox-label input[type="checkbox"]{margin:0;cursor:pointer}#loginPage .auth-container .login-form .additional-actions{display:flex;justify-content:space-between}#loginPage .auth-container .login-form .additional-actions .remember-me{display:flex;align-items:center;gap:0.5vw}#loginPage .auth-container .login-form .submit-btn{padding:0.8vw;border-radius:0.5vw;border:none;background-color:var(--blue);color:white;font-size:0.9vw;cursor:pointer}#loginPage .auth-container .login-form .register-link{font-size:0.7vw}#loginPage .auth-container .login-form .link{color:var(--gold);font-weight:500}#loginPage .auth-container #reset-password-code-view .login-form{align-items:center}#loginPage .auth-container #reset-password-code-view .code-group{display:flex;gap:1.5vw;align-items:center;direction:ltr}#loginPage .auth-container #reset-password-code-view .code-group input{width:2.5vw;height:2.5vw;border-radius:0.5vw;border:1px solid #ccc;background-color:white !important;font-size:1.5vw;text-align:center}@media (max-width:768px){#loginPage .auth-container{flex-basis:100%;padding:30px;gap:24px;min-height:100vh}#loginPage .auth-container #signin-view{width:100%}#loginPage .auth-container #signup-view{width:100%}#loginPage .auth-container .header{align-self:start;gap:8px;flex-direction:row;align-items:center}#loginPage .auth-container .header h1{font-size:24px;font-weight:bold}#loginPage .auth-container .header .welcome-text{display:block;font-size:14px;color:#787D99;font-weight:normal;margin:0;padding-right:8px;border-right:1px solid #787D99}#loginPage .auth-container .header p:not(.welcome-text){font-size:14px}#loginPage .auth-container .google-btn{padding:12px 16px;border-radius:8px;font-size:14px;width:100%;gap:8px}#loginPage .auth-container .or-separator{gap:8px}#loginPage .auth-container .or-separator span{font-size:12px;padding:0 8px}#loginPage .auth-container .auth-view.active{gap:24px}#loginPage .auth-container .login-form{gap:16px;width:100%}#loginPage .auth-container .login-form .error-message{font-size:12px}#loginPage .auth-container .login-form .input-group{gap:6px}#loginPage .auth-container .login-form .input-group label{font-size:14px}#loginPage .auth-container .login-form .input-group input{padding:12px;border-radius:8px;font-size:16px}#loginPage .auth-container .login-form .input-group .checkbox-label{gap:8px;font-size:13px}#loginPage .auth-container .login-form .additional-actions{flex-direction:column;align-items:flex-start;gap:12px}#loginPage .auth-container .login-form .additional-actions .remember-me{gap:8px}#loginPage .auth-container .login-form .submit-btn{padding:14px;border-radius:8px;font-size:16px}#loginPage .auth-container .login-form .register-link{font-size:13px}#loginPage .auth-container #reset-password-code-view .login-form{align-items:center}#loginPage .auth-container #reset-password-code-view .code-group{gap:12px}#loginPage .auth-container #reset-password-code-view .code-group input{width:50px;height:50px;border-radius:8px;font-size:24px}#loginPage .auth-container .forgot-password-header,#loginPage .auth-container .reset-password-header{text-align:center}#loginPage .auth-container .forgot-password-header h1,#loginPage .auth-container .reset-password-header h1{font-size:24px;margin-bottom:8px}#loginPage .auth-container .forgot-password-header p,#loginPage .auth-container .reset-password-header p{font-size:14px}}