.login-container{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:2rem 1rem}.login-card{width:100%;max-width:420px;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:2rem}.login-header{text-align:center}.login-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:hsl(var(--accent-primary))}.login-header p{color:var(--text-muted)}.login-error{background:rgba(239,68,68,.1);color:#ef4444;padding:.8rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.2);font-size:.9rem;text-align:center}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-main)}.form-group input{padding:.8rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-main);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.login-btn{margin-top:1rem;padding:.9rem;font-size:1.05rem}