.auth-messages-stack { display: grid; }
.auth-message { grid-area: 1 / 1; visibility: hidden; opacity: 0; transition: opacity .5s ease; }
.auth-message.is-active { visibility: visible; opacity: 1; }
.auth-message h2 { margin: 0; max-width: 18ch; color: var(--ink); font-size: clamp(36px, 3.5vw, 52px); line-height: 1.12; letter-spacing: -.045em; font-weight: 800; }
.auth-message h2 span { display: block; color: var(--accent-ink); }
.auth-message > p { max-width: 47ch; margin: 22px 0 0; color: var(--muted); font-size: 16px; line-height: 1.75; }
.auth-messages > .login-product-kicker { margin: 0 0 18px; color: var(--accent-ink); font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.auth-messages-controls { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 12px; }
.auth-messages-controls[hidden] { display: none; }
.auth-message-dots { display: flex; gap: 2px; }
.auth-message-dots button { display: grid; place-items: center; width: 28px; height: 44px; border: 0; padding: 0; background: transparent; cursor: pointer; }
.auth-message-dots span { width: 6px; height: 6px; border-radius: 10px; background: var(--muted); }
.auth-message-dots [aria-pressed="true"] span { width: 20px; background: var(--accent-ink); }
.auth-message-pause { min-height: 44px; border: 0; padding: 6px; background: transparent; color: var(--muted); font: inherit; font-size: 11px; cursor: pointer; }
.auth-messages button:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; border-radius: 5px; }
@media (max-width: 860px) {
    .auth-message h2 { font-size: clamp(30px, 7vw, 40px); }
    .auth-message > p { font-size: 14px; line-height: 1.65; margin-top: 14px; }
    .auth-messages > .login-product-kicker { font-size: 10px; margin-bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) { .auth-message { transition: none; } }
.workspace-messages .auth-message > p { max-width: 60ch; margin-top: 14px; }
.workspace-messages .auth-messages-controls { margin-top: 0; margin-bottom: 8px; }
.workspace-messages .auth-message h2 { max-width: none; font-size: clamp(32px, 3.8vw, 48px); font-weight: 750; letter-spacing: -.05em; line-height: 1.2; }