.login-container{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);width:100%;max-width:440px;transition:all var(--transition-med);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:2.5rem 2rem;display:flex}.login-container h2{color:var(--color-text-main);text-align:center;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.login-container p{color:var(--color-text-muted);text-align:center;margin-bottom:2rem;font-size:1rem}.login-container .login-form{flex-direction:column;gap:1.25rem;width:100%;display:flex}.login-container .login-form .form-group{flex-direction:column;gap:.5rem;display:flex}.login-container .login-form .form-group label{color:var(--color-text-main);margin-left:4px;font-size:.9rem;font-weight:600}.login-container .login-form .form-group .password-input-wrapper{width:100%;position:relative}.login-container .login-form .form-group .password-input-wrapper input{padding-right:3.5rem}.login-container .login-form .form-group .password-input-wrapper .toggle-password{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.login-container .login-form .form-group .password-input-wrapper .toggle-password:hover{color:var(--color-primary);background:var(--color-bg-secondary)}.login-container .login-form .form-group input{background:var(--color-bg);border:1px solid var(--color-border);width:100%;color:var(--color-text-main);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.85rem 1.1rem;font-size:1rem}.login-container .login-form .form-group input::placeholder{color:var(--color-text-muted);opacity:.5}.login-container .login-form .form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.login-container .login-form .btn-login{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-med);border:none;margin-top:.75rem;padding:1rem;font-size:1.05rem;font-weight:700;box-shadow:0 4px 12px #10b98133}.login-container .login-form .btn-login:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.login-container .login-form .btn-login:active{transform:translateY(0)}.login-container .login-form .btn-login:disabled{background:var(--color-text-muted);opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.login-container .divider{align-items:center;width:100%;margin:2rem 0;display:flex}.login-container .divider:before,.login-container .divider:after{content:"";background:var(--color-border);flex:1;height:1px}.login-container .divider span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 15px;font-size:.85rem;font-weight:500}.login-container .social-login{justify-content:center;align-items:center;width:100%;display:flex}.login-container .social-login #google-login-btn{justify-content:center;display:flex}.login-container .error-msg{color:#ef4444;border-radius:var(--radius-sm);text-align:center;background:#ef44441a;border:1px solid #ef444433;margin-top:.5rem;padding:.75rem;font-size:.875rem}.login-container .register-link{color:var(--color-text-muted);margin-top:2rem;font-size:.95rem}.login-container .register-link a{color:var(--color-primary);margin-left:4px;font-weight:700;text-decoration:none}.login-container .register-link a:hover{color:var(--color-primary-dark);text-decoration:underline}