/* The only page served without a session. It says nothing about the team or the app. */
@font-face { font-family: 'Source Sans 3'; font-weight: 400 600; font-display: swap; src: url('/login/fonts/source-sans-3-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+2000-206F; }
@font-face { font-family: 'Source Sans 3'; font-weight: 400 600; font-display: swap; src: url('/login/fonts/source-sans-3-cyrillic.woff2') format('woff2'); unicode-range: U+0400-045F; }
@font-face { font-family: 'Bitter'; font-weight: 600; font-display: swap; src: url('/login/fonts/bitter-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+2000-206F; }
@font-face { font-family: 'Bitter'; font-weight: 600; font-display: swap; src: url('/login/fonts/bitter-600-cyrillic.woff2') format('woff2'); unicode-range: U+0400-045F; }
:root { --bg: #F7F5F0; --card: #EDE8DC; --text: #1A1A1A; --muted: #57524A; --line: #9C9483; --primary: #B5502E; --primary-step: #9A4125; --on-primary: #F7F5F0;
  --focus: #2B3A4A; --err: #9E1B32; color-scheme: light; }
:root[data-theme="dark"] { --bg: #1C1A17; --card: #2A2723; --text: #F2EEE6; --muted: #BDB5A6; --line: #6E675C; --primary: #D9704A; --primary-step: #E58A66; --on-primary: #1A1A1A;
  --focus: #9DB2C8; --err: #F08A8A; color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: var(--bg); color: var(--text); font: 17px/1.5 'Source Sans 3', 'Segoe UI', system-ui, sans-serif; min-height: 100vh; display: grid; place-items: center; padding: 16px; }
.card { width: min(380px, 100%); background: var(--card); border-radius: 8px; padding: 28px 28px 24px; position: relative; }
h1 { font: 600 1.7rem/1.2 'Bitter', Georgia, serif; margin: 0 0 20px; }
form { display: grid; gap: 6px; }
label { font-weight: 600; margin-top: 8px; }
input { font: inherit; color: var(--text); background: var(--bg); border: 1px solid var(--line); border-radius: 6px; padding: 9px 12px; width: 100%; }
input:focus-visible, button:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
button[type="submit"] { margin-top: 16px; font: inherit; font-weight: 700; color: var(--on-primary); background: var(--primary); border: 1px solid var(--primary); border-radius: 6px; padding: 10px 16px; cursor: pointer; }
button[type="submit"]:hover { background: var(--primary-step); border-color: var(--primary-step); }
button[disabled] { opacity: .6; cursor: wait; }
#err { min-height: 1.4em; margin: 6px 0 0; color: var(--err); font-weight: 600; }
.lang { position: absolute; top: 18px; right: 18px; display: inline-flex; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.lang button { font: inherit; font-size: 13px; font-weight: 700; background: none; color: var(--text); border: 0; padding: 3px 9px; cursor: pointer; }
.lang button + button { border-left: 1px solid var(--line); }
.lang button[aria-pressed="true"] { background: var(--focus); color: var(--bg); }