.login-wrapper{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:20px}.login-header{gap:4px;margin-bottom:12px;display:grid}.brand{color:var(--primary-800);font-weight:700}.subtitle{color:var(--text-muted);font-size:12px}.login-form{gap:12px;display:grid}.form-label{color:var(--text-muted);font-size:12px;font-weight:600}.input-warm{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--text);background:#fff;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.input-warm::placeholder{color:var(--muted)}.input-warm:focus{border-color:color-mix(in oklab,var(--primary)40%,var(--border));box-shadow:var(--ring);outline:none}.error-box{border:1px solid color-mix(in oklab,var(--error)60%,white);color:#7a1515;background:#c6282814;border-radius:10px;padding:8px 10px}