.login-page{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.login-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);flex:1;justify-content:center;align-items:flex-start;width:100%;padding:40px 1rem 60px;display:flex;overflow-x:hidden}.login-card{background:#fff;border-radius:12px;width:100%;max-width:650px;margin:0 auto;padding:2rem;box-shadow:0 10px 40px #0000001a}.login-card h1{text-align:center;color:#e63946;margin-bottom:1.25rem;font-size:1.6rem}.login-tabs{border-bottom:2px solid #e0e0e0;gap:.5rem;margin-bottom:1.25rem;display:flex}.login-tabs button{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-2px;padding:.65rem;font-size:.95rem;font-weight:600;transition:all .3s}.login-tabs button.active{color:#e63946;border-bottom-color:#e63946}.login-form{flex-direction:column;gap:.85rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-row .form-group{margin:0}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:#333;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.password-hint{color:#666;font-size:.75rem;font-weight:400}.password-input-wrapper{width:100%;position:relative}.password-input-wrapper input{-webkit-appearance:none;width:100%;padding-right:2.75rem;-webkit-text-security:disc!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.password-input-wrapper input[type=text]{-webkit-text-security:none!important}.password-input-wrapper input::-ms-reveal{visibility:hidden;pointer-events:none;display:none!important}.password-input-wrapper input::-ms-clear{visibility:hidden;pointer-events:none;display:none!important}.password-input-wrapper input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}.password-input-wrapper input::-webkit-textfield-decoration-container{visibility:hidden;pointer-events:none;display:none!important}.password-input-wrapper input[type=password]{-webkit-text-security:disc!important;text-security:disc!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}@supports (-webkit-touch-callout:none){.password-input-wrapper input[type=password]{letter-spacing:.1em;-webkit-text-security:disc!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}}.password-toggle{color:#999;cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:.3rem;line-height:1;transition:color .2s;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.password-toggle:hover{color:#e63946}.password-toggle svg{width:18px;height:18px;display:block}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:6px;width:100%;padding:.65rem;font-size:.9rem;transition:border-color .3s;color:#333!important;background-color:#fff!important}.form-group input:focus,.form-group select:focus{border-color:#e63946;outline:none}.form-group input::placeholder{color:#999!important}.form-group input:-webkit-autofill{border:2px solid #e0e0e0;-webkit-text-fill-color:#333!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-group input:-webkit-autofill:hover{border:2px solid #e0e0e0;-webkit-text-fill-color:#333!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-group input:-webkit-autofill:focus{border:2px solid #e0e0e0;-webkit-text-fill-color:#333!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-group small{color:#666;font-size:.8rem;line-height:1.3}.checkbox-group label{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;font-weight:400;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.checkbox-group a{color:#e63946;text-decoration:none}.checkbox-group a:hover{text-decoration:underline}.submit-btn{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:62px;margin-top:.5rem;padding:.85rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.submit-btn:hover:not(:disabled){background:#d32f3c;transform:translateY(-2px)}.submit-btn:disabled{cursor:wait;opacity:.9;background:#f08080;transform:none}.btn-loading{justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.auth-spinner{color:#fff;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin}.auth-spinner-circle{stroke:#ffffff4d;stroke-dasharray:60;stroke-dashoffset:45px;stroke-linecap:round}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:60px}50%{stroke-dashoffset:15px}to{stroke-dashoffset:60px}}.forgot-password{text-align:center;margin-top:.5rem}.forgot-password a{color:#e63946;font-size:.875rem;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.social-login{border-top:1px solid #e0e0e0;margin-top:1.25rem;padding-top:1.25rem}.social-login p{text-align:center;color:#666;margin-bottom:.65rem;font-size:.875rem}.social-buttons{flex-wrap:wrap;gap:1rem;display:flex}.social-buttons button{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.4rem;min-width:0;padding:.65rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.google-btn:hover{background:#f8f9fa;border-color:#4285f4}.facebook-btn:hover{background:#f8f9fa;border-color:#1877f2}.error-message{color:#c62828;word-wrap:break-word;overflow-wrap:break-word;background:#ffebee;border-left:4px solid #c62828;border-radius:6px;margin-bottom:1rem;padding:.75rem;font-size:.9rem;line-height:1.5}.success-message{color:#2e7d32;background:#e8f5e9;border-left:4px solid #2e7d32;border-radius:6px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}@media (max-width:768px){.login-container{padding:1rem}.login-card{max-width:100%;padding:1.5rem}.login-card h1{margin-bottom:1rem;font-size:1.4rem}.form-row{grid-template-columns:1fr;gap:.85rem}.social-buttons{flex-direction:column}.social-buttons button{width:100%}}.resend-verification{border-top:1px solid #fee2e2;justify-content:center;margin-top:12px;padding-top:12px;display:flex}.resend-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s}.resend-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.resend-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.resend-btn:active:not(:disabled){transform:translateY(0)}.phone-input{width:100%}.phone-input .PhoneInputInput{border:2px solid #e0e0e0;border-radius:6px;width:100%;padding:.65rem;font-size:.9rem;transition:border-color .3s;color:#333!important;background-color:#fff!important}.phone-input .PhoneInputInput:focus{border-color:#e63946;outline:none}.phone-input .PhoneInputCountry{background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;margin-right:.5rem;padding:.65rem .5rem}.phone-input .PhoneInputCountrySelect{color:#333;font-size:.9rem}.phone-input .PhoneInputCountryIcon{width:1.5rem;height:1rem}.modal-link-btn{color:#e63946;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;transition:color .2s;display:inline}.modal-link-btn:hover{color:#d32f3c}
