:root { --citadel-paper:#0C0C0C; --citadel-card:#18181A; --citadel-ink:#F2F0EA; --citadel-muted:#BDB9AD; --citadel-red:#FF3A4A; --citadel-line:#2A2A2A; }
.citadel-auth-page { min-height:100vh; margin:0; display:grid; place-items:center; padding:24px; background:var(--citadel-paper); color:var(--citadel-ink); font-family:'Inter',system-ui,sans-serif; }
.citadel-login { width:min(100%,420px); padding:clamp(24px,6vw,44px); border:1px solid var(--citadel-line); border-top:4px solid var(--citadel-red); background:var(--citadel-card); box-shadow:0 24px 64px rgba(0,0,0,.35); }
.citadel-login h1 { margin:0 0 8px; font:700 clamp(32px,8vw,48px)/1 'Archivo',system-ui,sans-serif; letter-spacing:-.04em; }
.citadel-login p { margin:0 0 24px; color:var(--citadel-muted); line-height:1.55; }
.citadel-kicker { color:var(--citadel-red)!important; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.citadel-login form { display:grid; gap:10px; }
.citadel-login label { margin-top:8px; color:var(--citadel-muted); font-size:14px; font-weight:700; }
.citadel-login input, .citadel-login button, .citadel-session button { min-height:44px; border-radius:0; font:inherit; }
.citadel-login input { border:1px solid var(--citadel-line); padding:0 12px; background:#101011; color:var(--citadel-ink); }
.citadel-login button { margin-top:12px; border:1px solid var(--citadel-red); padding:0 16px; background:var(--citadel-red); color:#0C0C0C; cursor:pointer; font-weight:800; }
.citadel-login button:hover, .citadel-login button:focus-visible { background:#ff6571; }
.citadel-session { display:flex; align-items:center; justify-content:flex-end; gap:12px; min-height:56px; padding:8px max(16px, env(safe-area-inset-right)); border-bottom:1px solid var(--citadel-line); background:var(--citadel-card); color:var(--citadel-muted); font:600 13px 'Inter',system-ui,sans-serif; }
.citadel-session strong { color:var(--citadel-ink); }
.citadel-session a { min-height:44px; display:inline-flex; align-items:center; padding:0 12px; border:1px solid var(--citadel-line); color:var(--citadel-ink); text-decoration:none; }
.citadel-session a:hover, .citadel-session a:focus-visible { border-color:var(--citadel-red); color:var(--citadel-red); }
.citadel-session button { border:1px solid var(--citadel-line); padding:0 12px; background:transparent; color:var(--citadel-ink); cursor:pointer; }
.citadel-session button:hover { border-color:var(--citadel-red); color:var(--citadel-red); }
@media (max-width:480px) { .citadel-auth-page { place-items:start center; padding:16px; } .citadel-login { margin-top:8vh; } .citadel-session { justify-content:space-between; } }