.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:40px 20px;background-color:var(--bg-gray)}.auth-page .auth-form-container{background-color:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow-light);padding:40px;width:100%;max-width:450px}.auth-page .auth-title{font-size:var(--heading4);font-weight:600;color:var(--secondary-color);text-align:center;margin-bottom:30px}.auth-page .auth-form-input{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.auth-page .auth-form-input .form-input{padding:12px 0 12px 16px;border:1px solid var(--light-gray);border-radius:var(--border-radius-medium);font-size:var(--basefont);color:var(--text-color);background-color:var(--white);transition:border-color .3s ease,box-shadow .3s ease;border-top-left-radius:0;border-bottom-left-radius:0}.auth-page .auth-form-input .form-input:focus{border-color:var(--btn-color);outline:none}.auth-page .auth-form-input .form-input::placeholder{color:var(--dark-gray);opacity:.7}.auth-page .auth-form-input .input-error{border-color:var(--primary-color)}.auth-page .auth-form-input .error-message{color:var(--primary-color);font-size:var(--extrasmallfont);margin-top:5px}.auth-page .email-input-container{position:relative}.auth-page .email-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666}.auth-page .email-input{padding-left:40px!important}.auth-page .auth-form{display:flex;flex-direction:column}.auth-page .auth-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.auth-page .remember-me{display:flex;align-items:center}.auth-page .remember-me input[type=checkbox]{margin-right:10px}.auth-page .remember-me label{font-size:var(--smallfont);color:var(--secondary-color)}.auth-page .forgot-password{font-size:var(--smallfont);color:var(--btn-color);text-decoration:none}.auth-page .forgot-password:hover{text-decoration:underline}.auth-page .phone-input-wrapper{display:flex;width:100%}.auth-page .country-code-selector{min-width:80px}.auth-page .country-code-select{display:flex;align-items:center;height:100%;padding:12px 10px;border:1px solid var(--light-gray);border-right:none;border-radius:var(--border-radius) 0 0 var(--border-radius);background-color:var(--white);color:var(--text-color);font-size:var(--basefont)}.auth-page .country-code-select:focus{border-color:var(--primary-color)}.auth-page .phone-input{flex:1;border-radius:0 var(--border-radius-medium) var(--border-radius-medium) 0!important}.auth-page .signin-button{background-color:var(--primary-color);border:none;padding:14px 28px;background:linear-gradient(to bottom,var(--btn-color),#ec1d3b);color:var(--white);border-radius:var(--border-radius-medium);font-weight:600;font-size:var(--basefont);text-align:center;box-shadow:0 4px 8px #ee34254d;border:none!important;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .3s ease;cursor:pointer;text-decoration:none}.auth-page .signin-button:hover{transform:scale(1.02);box-shadow:0 4px 8px #ff56304d}.auth-page .signup-link{text-align:center;font-size:var(--smallfont);color:var(--secondary-color)}.auth-page .signup-link a{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-page .signup-link a:hover{text-decoration:underline}.auth-page .auth-divider{display:flex;align-items:center;margin:20px 0;text-align:center}.auth-page .auth-divider:before,.auth-page .auth-divider:after{content:"";flex:1;height:1px;background:var(--light-gray)}.auth-page .auth-divider span{padding:0 16px;color:var(--dark-gray);font-size:var(--smallfont);font-weight:500}@media(max-width:768px){.auth-page .auth-form-container{padding:30px 20px}.auth-page .country-code-select{padding:10px 24px 10px 8px;font-size:calc(var(--basefont) - 1px)}}@media(max-width:480px){.auth-page{padding:20px 10px}.auth-page .auth-form-container{padding:20px 15px}.auth-page .auth-title{font-size:var(--heading5)}.auth-page .country-code-select{padding:8px 6px}.email-input-icon{padding:0 10px}}.email-input-wrapper{display:flex;width:100%;border-radius:var(--border-radius-medium);overflow:hidden}.email-input-icon{display:flex;align-items:center;padding:0 15px;border:1px solid var(--light-gray, #ddd);border-right:none;border-radius:var(--border-radius-medium) 0 0 var(--border-radius-medium);background-color:var(--white)}.email-input-icon svg{color:var(--dark-gray, #666);font-size:1.2rem}.email-input-wrapper .form-input{flex:1;border-radius:0 var(--border-radius-medium) var(--border-radius-medium) 0;border-left:none}.email-input-wrapper .form-input:focus{border-color:var(--btn-color)}