:root {
    --ss-primary: #2563eb;
    --ss-primary-dark: #1d4ed8;
    --ss-teal: #14b8a6;
    --ss-amber: #f59e0b;
    --ss-purple: #7c3aed;
    --ss-page: #f6f8fc;
    --ss-text: #111827;
    --ss-body: #374151;
    --ss-muted: #6b7280;
    --ss-border: #e5e7eb;
    --ss-soft: #eef2f7;
    --ss-danger: #dc2626;
    --ss-success: #15803d;
    --ss-radius: 20px;
    --ss-shadow: 0 22px 70px rgba(15, 23, 42, .12);
    --ss-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.ss-auth-body { margin: 0; background: var(--ss-page); color: var(--ss-body); font-family: var(--ss-font); }
.ss-auth-shell { min-height: 100vh; padding: 28px; display: flex; align-items: flex-start; justify-content: center; }
.ss-auth-page-container { width: min(1180px, 100%); margin-block: auto; }
.ss-auth-card--signup,
.ss-onboarding-card--long { margin-block: 0; }
.ss-auth-card { background: #fff; border: 1px solid var(--ss-border); border-radius: var(--ss-radius); box-shadow: var(--ss-shadow); overflow: visible; }
.ss-auth-card h1,
.ss-auth-card h2 { margin: 0; color: var(--ss-text); font-weight: 750; letter-spacing: -.025em; }
.ss-auth-card p { margin: 0; color: var(--ss-muted); line-height: 1.6; }
.ss-auth-card a { color: var(--ss-primary); font-weight: 650; text-decoration: none; }
.ss-auth-card a:hover { text-decoration: underline; }
.ss-auth-card-header { min-height: 68px; padding: 15px 24px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--ss-border); }
.ss-auth-brand-link { display: inline-flex; align-items: center; gap: 10px; color: var(--ss-text)!important; font-size: 21px; font-weight: 800!important; text-decoration: none!important; }
.ss-auth-brand-link picture { display: inline-flex; }
.ss-auth-logo { width: 34px; height: 34px; object-fit: contain; border-radius: 9px; }
.ss-auth-help-link { min-height: 44px; display: inline-flex; align-items: center; gap: 7px; }
.ss-auth-help-link img { width: 19px; height: 19px; }
.ss-auth-kicker { color: var(--ss-primary); font-size: 13px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.ss-auth-mobile-header { display: none; }
.ss-auth-switch { margin-top: 18px!important; text-align: center; font-size: 14px; }
.ss-auth-icon-well { width: 42px; height: 42px; margin-bottom: 14px; display: inline-grid; place-items: center; border-radius: 13px; background: #eef4ff; }
.ss-auth-icon-well img { width: 23px; height: 23px; }
.ss-illustration-picture { display: block; width: 100%; }
.ss-illustration-picture img { display: block; width: 100%; height: auto; object-fit: contain; }
@media (min-height: 760px) {
    .ss-auth-card--login { margin-block: auto; }
}