.signin-pending body > :not(#signin-gate):not(noscript) { display: none !important; }
#signin-gate { min-height: 100vh; display: grid; place-items: center; padding: 28px; background: radial-gradient(ellipse at top right, #dbeaac80, transparent 60%), var(--bg); }
.signin-card { width: min(100%, 600px); padding: clamp(30px, 6vw, 64px); border: 1px solid var(--line); border-radius: 22px; background: var(--paper); box-shadow: 0 24px 80px #1c242010; }
.signin-card h1 { margin: 25px 0; font-size: clamp(30px, 4vw, 45px); }
.signin-card p:not(.eyebrow) { color: var(--muted); line-height: 1.6; margin-bottom: 24px; }
.signin-card small { display: block; color: var(--muted); line-height: 1.6; margin-top: 28px; }
#signin-gate[hidden], #signin-form[hidden] { display: none; }
#signin-form { display: grid; gap: 12px; }
#signin-form label { font-weight: 600; }
#signin-form input { width: 100%; box-sizing: border-box; padding: 14px 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg); color: var(--ink); font: inherit; }
#signin-form input:focus { outline: 2px solid #a8bd73; outline-offset: 2px; }
#signin-button { margin-top: 12px; }