/* Страница входа серверного режима. Цвета и радиусы те же, что в основной оболочке (.harness/design.md). */
:root {
  color-scheme: dark;
  --void: #060b10;
  --surface: rgba(12, 21, 30, .82);
  --line: rgba(164, 220, 238, .14);
  --text: #edf8fb;
  --muted: #8096a0;
  --cyan: #63e6ff;
  --danger: #ff6f77;
  --radius: 12px;
}
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; background: var(--void); color: var(--text); font: 15px/1.5 -apple-system, "SF Pro Text", "Avenir Next", system-ui, sans-serif; }
.login { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px calc(24px + env(safe-area-inset-bottom, 0px)); background: radial-gradient(circle at 70% -10%, rgba(99, 230, 255, .08), transparent 40%), var(--void); }
.login-card { width: min(380px, 100%); display: grid; gap: 8px; padding: 28px 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
h1 { margin: 0 0 12px; font-size: 22px; font-weight: 600; letter-spacing: .02em; }
label { color: var(--muted); font-size: 13px; }
input { width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: rgba(4, 7, 10, .6); color: var(--text); font: inherit; }
input:focus { outline: 2px solid var(--cyan); outline-offset: 1px; }
button { margin-top: 12px; padding: 12px 14px; border: 0; border-radius: 10px; background: var(--cyan); color: var(--void); font: 600 15px inherit; cursor: pointer; }
button:disabled { opacity: .5; cursor: default; }
.message { min-height: 1.5em; margin: 8px 0 0; color: var(--danger); font-size: 13px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }