.auth-page { min-height: 100vh; display: grid; place-items: center; padding: 92px 18px 46px; background: radial-gradient(circle at 15% 10%, #dff2e9 0, transparent 30%), radial-gradient(circle at 90% 85%, #ffead6 0, transparent 28%), var(--paper); }
.auth-brand { position: absolute; left: 28px; top: 24px; }
.auth-card { width: min(100%, 470px); padding: 34px; }
.wide-auth { width: min(100%, 660px); }
.auth-card h1 { margin: 0; font-size: clamp(29px, 5vw, 40px); line-height: 1.15; letter-spacing: -.04em; }
.auth-card > .muted { margin: 12px 0 25px; }
.auth-form { display: grid; gap: 17px; }
.auth-switch { margin: 22px 0 0; text-align: center; color: var(--muted); }
.auth-switch a { color: var(--brand); font-weight: 750; }
.help-text { margin: 16px 0 0; color: var(--muted); font-size: 12px; text-align: center; }
.invite-input { text-transform: uppercase; letter-spacing: .06em; }
.consent { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; color: var(--muted); }
.consent input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--brand); }
@media (max-width: 720px) { .auth-brand { left: 18px; top: 18px; } .auth-card { padding: 24px 19px; } }