.login-wrapper{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-10) var(--space-8);width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:var(--space-8)}.login-logo h1{font-size:var(--text-2xl);color:var(--color-primary);letter-spacing:-.5px;font-weight:700}.login-logo p{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-1)}.form-group{margin-bottom:var(--space-5)}.form-group label{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-2);font-weight:500;display:block}.form-group input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color .15s}.form-group input:focus{border-color:var(--color-action);box-shadow:0 0 0 3px #2563eb1a}.form-group input.input-error{border-color:var(--color-error)}.forgot-link{text-align:right;font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-2);display:block}.forgot-link:hover{color:var(--color-action);text-decoration:none}.btn-login{width:100%;padding:var(--space-3) var(--space-6);background:var(--color-action);color:#fff;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;margin-top:var(--space-6);border:none;font-weight:600;transition:background-color .15s}.btn-login:hover:not(:disabled){background-color:#1d4ed8}.btn-login:disabled{opacity:.6;cursor:not-allowed}.error-msg{color:var(--color-error);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);background:#fee2e2;display:none}.error-msg.visible{display:block}.success-msg{color:var(--color-success);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);background:#dcfce7;display:none}.success-msg.visible{display:block}.divider{text-align:center;font-size:var(--text-sm);color:var(--color-muted);margin:var(--space-6) 0 var(--space-5)}.register-link{text-align:center;font-size:var(--text-sm);color:var(--color-muted)}.register-link a{font-weight:500}