.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:center;width:100%;padding:2rem 1rem;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;font-size:.875rem;font-weight:600}.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;width:100%;margin-top:.5rem;padding:.85rem;font-size:1rem;font-weight:600;transition:all .3s;display:block}.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}.spinner{color:#fff;width:18px;height:18px;animation:.8s linear infinite spin}.spinner-circle{stroke:#ffffff4d;stroke-dasharray:60;stroke-dashoffset:0}@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;background:#ffebee;border-left:4px solid #c62828;border-radius:6px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.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%}}