/* Sign-in and sign-up pages. */

.auth-page { padding: clamp(40px, 8vw, 96px) 0; }
.auth-shell { display: grid; gap: clamp(28px, 5vw, 64px); grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); align-items: start; }
.auth-intro h1 { font-size: clamp(2rem, 4.4vw, 2.9rem); }
.auth-mount { min-height: 360px; display: flex; justify-content: center; align-items: flex-start; }
.auth-mount > .callout { width: 100%; }
.auth-points { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 10px; color: var(--dim); }
.auth-points li { position: relative; padding-inline-start: 26px; }
.auth-points li::before {
  content: ""; position: absolute; inset-inline-start: 2px; top: 8px; width: 11px; height: 6px;
  border-left: 2px solid var(--green); border-bottom: 2px solid var(--green); transform: rotate(-45deg);
}