body.login { display: grid; place-items: center; padding: 24px; }
.login-box { width: min(360px, 100%); background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; display: grid; gap: 10px; }
.login-box svg { width: 36px; height: 36px; fill: var(--live); stroke: var(--live); stroke-width: 1.8; stroke-linecap: round; }
.login-box h1 { margin: 4px 0 0; font-size: 1.2rem; }
.login-box p { margin: 0 0 8px; color: var(--ink-2); font-size: 0.88rem; }
.login-box label { font-size: 0.8rem; font-weight: 600; }
.login-box input { font: inherit; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.login-box input:focus { outline: 2px solid var(--live); outline-offset: 1px; }
.login-box button { font: inherit; font-weight: 600; padding: 10px; border: 0; border-radius: 10px; background: var(--live); color: #fff; cursor: pointer; margin-top: 6px; }
.login-box .error { color: var(--bad); margin: 0; }