/* Login, no-access and terms pages. Same dark palette as the gallery. */
:root { --bg: #0e0e12; --panel: #17171d; --text: #ececf1; --muted: #9a9aa6; --accent: #ff3d8b; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--bg);
       color: var(--text); font: 15px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { width: min(560px, calc(100% - 32px)); background: var(--panel); border-radius: 14px; padding: 28px; }
h1 { font-size: 22px; margin: 0 0 18px; }
h2 { font-size: 16px; margin: 20px 0 6px; }
p, li { color: var(--text); }
.muted { color: var(--muted); font-size: 13px; }
a { color: var(--accent); }
button { background: var(--accent); color: #fff; border: 0; border-radius: 8px; padding: 10px 16px;
         font: inherit; font-weight: 600; cursor: pointer; }
label { display: flex; gap: 8px; align-items: flex-start; margin: 18px 0; }