/* Hub sign-in: one centred card on a quiet tinted background. */
.auth {
  min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: 24px 16px;
  background:
    radial-gradient(60% 50% at 15% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%),
    radial-gradient(50% 45% at 100% 100%, color-mix(in srgb, #14b8a6 10%, transparent), transparent 70%),
    var(--bg);
}
.auth__card {
  width: 100%; max-width: 400px; padding: 30px 28px 24px; border-radius: 22px;
  background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow-md);
}
.auth__brand { display: flex; align-items: center; gap: 10px; margin-bottom: 26px; }
.auth__brand .brand__mark { width: 36px; height: 36px; border-radius: 10px; }
.auth__brand .brand__name { display: inline; font-size: 17px; }
.auth h1 { margin: 0 0 6px; font-size: 24px; font-weight: 700; letter-spacing: -.025em; }
.auth__sub { margin: 0 0 22px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.auth__form { display: flex; flex-direction: column; gap: 14px; }
.auth__form .input { height: 44px; font-size: 15px; }
.auth__submit { height: 46px; margin-top: 4px; font-size: 15px; border-radius: 12px; }
.auth__foot { margin: 18px 0 0; font-size: 12px; line-height: 1.5; color: var(--muted); }