.signin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:end;justify-content:center;z-index:9999;height:100vh;background-image:url(/images/login-bg.jpg);background-position:top;background-size:cover}.signin-modal-overlay.signup{background-image:url(/images/signup-bg.jpg)}.signin-modal-content{display:flex;flex-direction:column;width:100vw;align-items:center}.signin-modal-content img.logo{margin-bottom:100px;width:250px}.close-button{position:absolute;top:17px;right:20px;background:none;border:none;cursor:pointer;font-size:24px;width:50px;height:50px;border-radius:50%;padding:8px}.signin-modal-container{position:relative;background-color:#fff;border-radius:40px 40px 0 0;padding:40px;width:100%;max-width:450px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;align-items:center}.signin-modal-title{font-size:34px;font-weight:700;margin-bottom:10px;font-family:serif}.signin-modal-subtitle{color:#757575;margin-bottom:50px;font-size:16px}.signin-form{width:100%;display:flex;flex-direction:column}.form-group{margin-bottom:25px;width:100%;position:relative}.required-mark{color:#e53e3e;margin-left:4px}.input-container{position:relative}.form-input{width:100%;padding:17px;border:1px solid #757575;border-radius:10px;font-size:16px;outline:none;background:none}.form-input:focus{border-color:#999}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#777;display:flex;align-items:center;justify-content:center;padding:0}.eye-icon{width:24px;height:24px}.forgot-password-container{text-align:right;margin-bottom:20px}.forgot-password-link{color:#555;text-decoration:none;font-size:15px}.forgot-password-link:hover{text-decoration:underline}.login-button{width:100%;padding:15px;background-color:#222;color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;font-size:16px;margin-top:10px;margin-bottom:20px;transition:background-color .2s}.login-button:hover{background-color:#000}.divider-text{margin:15px 0;color:#777;font-size:16px;position:relative;text-align:center}.google-login-button{width:100%;padding:15px;display:flex;align-items:center;justify-content:center;gap:10px;background-color:#fff;border:1px solid #ddd;border-radius:50px;font-weight:500;cursor:pointer;font-size:16px;margin-bottom:30px;transition:background-color .2s}.google-login-button:hover{background-color:#f1f1f1}.google-icon{width:20px;height:20px}.signup-container{margin-top:15px;text-align:center}.signup-text{color:#666;font-size:15px}.signup-link{color:#222;text-decoration:underline;font-weight:700}.signup-link:hover{color:#000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-opening{animation:fadeIn .3s ease-out forwards}.modal-closing{animation:fadeOut .3s ease-in forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}.phone-input-container{display:flex;width:100%}.country-code{display:flex;align-items:center;padding:0 10px;border:1px solid #757575;border-radius:10px 0 0 10px;font-size:16px;min-width:70px;justify-content:space-between}.dropdown-icon{width:16px;height:16px;margin-left:4px}.phone-input{border-radius:0 10px 10px 0;border-left:none}.checkbox-group{margin-bottom:20px}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer}.checkbox-input{margin-top:3px;margin-right:10px}.checkbox-text{font-size:15px;color:#555;line-height:1.4}.signin-modal-container{max-height:95vh;overflow-y:auto}.signin-form .form-group:last-child{margin-bottom:15px}.signin-form .login-button{margin-top:20px}.phone-input-container .form-input{flex:1}.error-message{background-color:#fff8f8;color:#e53e3e;border:1px solid #fed7d7;border-radius:4px;padding:10px;margin-bottom:16px;font-size:14px;text-align:center}.login-button.submitting{background-color:#4a4a4a;cursor:not-allowed;opacity:.7}@keyframes spinner{to{transform:rotate(360deg)}}.login-button.submitting:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:16px;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:2px solid #ffffff;border-top-color:transparent;animation:spinner .6s linear infinite}.field-error{color:#e53e3e;font-size:12px;margin-top:4px;margin-bottom:0}.form-group.has-error .form-label{color:#e53e3e}.form-group.has-error .form-input{border-color:#e53e3e}.input-error{border-color:#e53e3e!important;background-color:#fff8f8!important}.recaptcha-container iframe{position:relative!important;z-index:10001!important;margin:0 auto}.g-recaptcha{min-height:78px;width:100%;display:flex;justify-content:center;margin:0 auto}.signin-modal-overlay,.signin-modal-container{pointer-events:auto}.recaptcha-container .field-error{margin-top:8px;text-align:center}.success-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;margin-bottom:20px}.forgot-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:9999;display:flex;align-items:end;justify-content:end}.forgot-modal-content{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:350px;box-shadow:0 2px 16px #00000026;text-align:center}.forgot-submit-btn,.forgot-close-btn{margin-top:1rem;padding:.5rem 1.5rem}.forgot-message{margin-top:1rem;color:#007b55}