/* Sign-in screens: an app-style welcome for the member platform, a plain staff screen for the CRM. */
.auth-art { display: none; }
.auth-card .brand .area { margin-top: 10px; font-family: 'Cormorant Garamond', serif; font-size: 14px; letter-spacing: 4px; text-transform: uppercase; color: var(--faint); }
.auth-members .auth-card .btn.gold { padding: 14px; }
@media (min-width: 1000px) {
  .auth-members .auth { padding: 0; align-items: stretch; justify-content: flex-start; }
  .auth-members .auth-art { display: flex; align-items: flex-end; flex: 1; padding: 64px; position: relative; overflow: hidden; border-inline-end: 1px solid var(--line);
    background: radial-gradient(circle at 80% 20%, rgba(201,149,107,.18), transparent 40%), linear-gradient(150deg, var(--twilight), var(--purple) 45%, var(--deep)); }
  .auth-members .auth-art::before { content: ''; position: absolute; width: 520px; height: 520px; border-radius: 50%; inset-inline-end: -160px; top: -140px; border: 1px solid rgba(201,149,107,.25); box-shadow: 0 0 0 40px rgba(201,149,107,.04), 0 0 0 100px rgba(201,149,107,.03); }
  .auth-art-in { position: relative; max-width: 520px; }
  .auth-quote { font-family: 'Cormorant Garamond', serif; font-weight: 300; font-size: 47px; line-height: 1.15; margin: 10px 0 26px; }
  .auth-art ul { list-style: none; display: grid; gap: 10px; color: var(--muted); }
  .auth-art li::before { content: '◆'; color: var(--rose); font-size: 13.5px; margin-inline-end: 12px; vertical-align: 2px; }
  .auth-members .auth-card { max-width: none; display: flex; flex-direction: column; justify-content: center; flex: 0 0 min(560px, 45%); padding: 64px 72px; background: var(--deep); border: 0; }
}
@media (max-width: 767.98px) {
  .auth-members .auth { padding: 0; align-items: stretch; }
  .auth-members .auth-card { border: 0; background: transparent; padding: calc(56px + env(safe-area-inset-top)) 22px 32px; display: flex; flex-direction: column; justify-content: center; }
  .auth-members .auth-card .brand { padding-bottom: 34px; }
  .auth-members .auth-card .brand .deor { font-size: 36px; letter-spacing: 12px; }
}
.auth-crm .auth { background: #07040C; }
.auth-crm .auth-card { background: #0E0719; border-color: var(--line); border-top: 2px solid var(--rose); }