.login-page__heading{margin:0;font-size:22px}.login-page__sub{margin:0;color:var(--ink-2);font-size:var(--t-body-size)}.login-page__hint{margin:0;color:var(--ink-2);font-size:var(--t-small-size)}.login-page__workos{margin-top:var(--space-2);text-decoration:none}.login-form{gap:var(--space-5);margin-top:var(--space-3)}.login-form,.login-form__field{display:flex;flex-direction:column}.login-form__field{gap:var(--space-2);font-size:var(--t-small-size);color:var(--ink-2)}.login-form__field>span{font-weight:500;color:var(--ink-2)}.login-form__error{margin:0;padding:var(--space-3) var(--space-5);color:var(--critical);background:var(--critical-bg);border:1.5px solid var(--critical);border-radius:var(--r-2);font-size:var(--t-small-size)}.login-form__submit{margin-top:var(--space-2)}.mock-login{gap:var(--space-7);width:100%;max-width:400px;margin:0 auto}.mock-login,.mock-login__brand{display:flex;flex-direction:column;align-items:center}.mock-login__brand{gap:var(--space-2)}.mock-login__wordmark{font-size:28px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.mock-login__tagline{font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--t-micro-size);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.mock-login__card{width:100%;background:var(--paper);border:1.5px solid var(--border-faint);border-radius:var(--r-3);padding:var(--space-9);display:flex;flex-direction:column;gap:var(--space-5)}.mock-login__heading{margin:0;font-size:20px;line-height:1.2}.mock-login__sub{margin:0;color:var(--ink-2);font-size:var(--t-body-size)}.mock-login__form{display:flex;flex-direction:column;gap:var(--space-3)}.mock-login__field{display:flex;flex-direction:column;gap:var(--space-2)}.mock-login__field-label{font-size:var(--t-small-size);font-weight:500;color:var(--ink-2)}.mock-login__input{padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-faint);border-radius:var(--r-2);background:var(--paper);color:var(--ink);font-size:var(--t-body-size);font-family:inherit}.mock-login__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mock-login__continue{margin-top:var(--space-1);width:100%}.mock-login__divider{display:flex;align-items:center;gap:var(--space-4);color:var(--ink-faint)}.mock-login__divider:after,.mock-login__divider:before{content:"";flex:1 1;height:0;border-top:1px solid var(--border-faint)}.mock-login__divider-label{font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--t-micro-size);letter-spacing:.12em;text-transform:uppercase}.mock-login__oauth{display:flex;flex-direction:column;gap:var(--space-3)}.mock-login__oauth-btn{width:100%;justify-content:flex-start;gap:var(--space-4)}.mock-login__oauth-glyph{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.5px solid var(--border-faint);border-radius:var(--r-2);font-size:var(--t-small-size);font-weight:700;flex-shrink:0}.mock-login__footnote{font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--t-micro-size);letter-spacing:.08em}.mock-login__demo-note,.mock-login__footnote{margin:0;text-align:center;color:var(--ink-faint)}.mock-login__demo-note{font-size:var(--t-small-size);line-height:1.5}