/* Sign in / create an account: one glass card on the app's background, centered; scrolls on small screens. */
.auth-page{overflow:auto}
.auth{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:22px;padding:40px 16px}
.auth-brand .wordmark{display:flex}
.auth-brand .wordmark small{font-size:12px;font-weight:600;color:var(--muted);margin-top:4px}
.auth-card{width:100%;max-width:440px;border-radius:var(--r-xl);padding:34px 32px 26px;box-shadow:var(--shadow)}
.auth-card h1{font-size:38px;line-height:1.05;letter-spacing:-.035em;font-weight:800;margin:0}
.auth-card h1 em{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--clay)}
.auth-card .lede{color:var(--ink-2);margin:10px 0 24px;font-size:14.5px;line-height:1.5}
.auth-submit{width:100%;justify-content:center;margin-top:6px}
.auth-switch{text-align:center;margin:18px 0 0;font-size:14px;color:var(--ink-2)}
.auth-switch a{color:var(--clay);font-weight:700;text-decoration:none}
.auth-switch a:hover{text-decoration:underline}
.auth-foot{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted);margin:0;text-align:center}
.auth-foot .ms{font-size:16px;color:var(--clay);flex-shrink:0}
@media (max-width:520px){.auth-card{padding:26px 20px 22px}.auth-card h1{font-size:32px}}