.login-wrapper{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:120px var(--space-4) var(--space-8) var(--space-4);background-color:var(--color-bg)}.login-card{width:100%;max-width:440px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10);box-shadow:var(--shadow-sm)}.login-logo{text-align:center;margin-bottom:var(--space-6);font-size:var(--text-3xl);color:var(--color-text)}.login-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-2);text-align:center;letter-spacing:-.02em}.login-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);text-align:center;margin-bottom:var(--space-8)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.form-group input{width:100%;height:52px;padding:0 var(--space-4);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form-group input:focus{outline:none;border-color:#ffffff4d;background-color:var(--color-surface-elevated)}.input-password-wrapper{position:relative}.input-password-wrapper input{padding-right:3rem}.btn-toggle-pass{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);display:flex;align-items:center;background:transparent;border:none;cursor:pointer;padding:var(--space-1)}.btn-toggle-pass i{width:20px;height:20px}.btn-toggle-pass:hover{color:var(--color-text)}.error-msg{color:var(--color-error, #EF4444);font-size:var(--text-sm);margin-bottom:var(--space-4);text-align:center}#btn-login{width:100%;margin-top:var(--space-2)}