/* Erişim kapısının giriş sayfası (gate/templates/gate/login.html). Kapı dışında: /static/. */
:root { color-scheme: light dark; --bg: #f6f7f9; --fg: #111827; --muted: #4b5563; --field: #ffffff; --line: #cbd5e1; --accent: #2563eb; --danger: #b91c1c; }
@media (prefers-color-scheme: dark) { :root { --bg: #0b0f14; --fg: #e5e7eb; --muted: #9ca3af; --field: #111827; --line: #374151; --accent: #3b82f6; --danger: #f87171; } }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--bg); color: var(--fg); font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
main { width: min(340px, calc(100vw - 32px)); }
h1 { font-size: 1.4rem; margin: 0 0 4px; }
p { margin: 0 0 20px; color: var(--muted); font-size: 0.9rem; }
form { display: flex; flex-direction: column; gap: 14px; }
label { display: flex; flex-direction: column; gap: 6px; font-size: 0.9rem; font-weight: 600; }
input { padding: 9px 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--field); color: inherit; font: inherit; font-weight: 400; }
button { padding: 10px; border: 0; border-radius: 6px; background: var(--accent); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.error { margin: 0; color: var(--danger); font-weight: 600; }