/* Okénko s heslem (lib/login_form.php) – stejný papír a písmo jako album. */
:root { --paper: #f4efe6; --card: #fffdf8; --ink: #15161b; --muted: #74716a; --red: #e0283c;
  --f-cond: Bahnschrift, 'DIN Condensed', 'Arial Narrow', 'Roboto Condensed', sans-serif;
  --f-text: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --f-mono: Consolas, 'SF Mono', Menlo, monospace; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px 16px;
  background-color: var(--paper); color: var(--ink); font: 16px/1.5 var(--f-text); }
.gate { width: min(100%, 420px); background: var(--card); border-radius: 18px; padding: 36px 28px 30px; text-align: center;
  box-shadow: 0 30px 60px -28px rgba(40, 30, 10, .45), 0 10px 20px -12px rgba(40, 30, 10, .25); }
.gate-disc { width: 88px; height: 88px; margin: 0 auto 18px; border-radius: 50%;
  background: radial-gradient(circle, var(--paper) 0 9%, #15161b 10% 30%, transparent 31%),
    conic-gradient(#ff6a13, #a98bff, #2fb46e, #2ee6c8, #ff7a1a, #9d4dff, #c6ff3d, #29b6ff, #ffd21f, #ff4040, #ff6a13);
  box-shadow: inset 0 0 0 10px #15161b; }
.gate-kicker { margin: 0; font: 700 12px var(--f-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
h1 { margin: 6px 0 8px; font: 700 clamp(44px, 12vw, 64px)/1 var(--f-cond); letter-spacing: .01em; }
.gate-lead { margin: 0 0 22px; color: #3a3b42; }
.gate-form { display: grid; gap: 10px; text-align: left; }
.gate-label { font-weight: 600; font-size: 14px; }
input { width: 100%; font: inherit; padding: 12px 14px; border-radius: 10px; border: 2px solid rgba(21, 22, 27, .2); background: #fff; }
input:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
input[aria-invalid="true"] { border-color: var(--red); }
button { font: 700 16px var(--f-cond); letter-spacing: .06em; text-transform: uppercase; padding: 13px 18px; border: 0;
  border-radius: 999px; background: var(--ink); color: var(--paper); cursor: pointer; }
button:hover { transform: translateY(-1px); }
button:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.gate-err { margin: 2px 0 0; color: var(--red); font-weight: 600; }