.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-50) 0,var(--accent-200) 100%);padding:var(--gap-16)}.login-card{background:var(--bg-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-2xl);width:100%;max-width:400px;padding:var(--align-3xl);animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:24px}.login-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--gap-6) 0}.login-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.login-form{gap:15px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-label{font-size:.8125rem;font-weight:600;color:var(--color-on-surface-variant)}.form-input{width:100%;padding:var(--gap-8) var(--gap-12);font-size:.9375rem;border:1.5px solid var(--border-primary);border-radius:var(--radius-input);transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--badge-info-bg)}.form-input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.form-input::placeholder{color:var(--text-tertiary)}.error-message{padding:var(--gap-10) var(--gap-14);background-color:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-badge);color:var(--danger-700);font-size:.8125rem;text-align:center}.login-button{width:100%;padding:11px var(--gap-16);font-size:.9375rem;font-weight:600;color:var(--secondary-50);background:var(--gradient-primary);border:none;border-radius:var(--radius-input);cursor:pointer;transition:all .2s ease;margin-top:var(--gap-4)}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-soft-xl)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:1;cursor:wait;background:var(--gradient-primary)}.button-loading{display:flex;align-items:center;justify-content:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}[data-theme=dark] .login-card{background:var(--bg-secondary)}[data-theme=dark] .login-title{color:var(--text-primary)}[data-theme=dark] .login-subtitle{color:var(--text-tertiary)}[data-theme=dark] .form-label{color:var(--text-primary)}[data-theme=dark] .form-input{background-color:var(--color-surface-variant);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .form-input:focus{border-color:var(--color-primary)}[data-theme=dark] .form-input:disabled{background-color:var(--border-primary)}@media (max-width:480px){.login-card{padding:24px;max-width:320px}.login-title{font-size:1.5rem}}