:root {
    --auth-ink: #12324f;
    --auth-muted: #637789;
    --auth-line: #dce7ec;
    --auth-panel: #ffffff;
    --auth-panel-strong: #ffffff;
    --auth-accent: #087b75;
    --auth-accent-hover: #078d7e;
}

body {
    background: #f4f8fa;
    color: var(--auth-ink);
}

body::before { display: none; }

.auth-shell { max-width: 1240px; }
.auth-nav { border-bottom-color: var(--auth-line); }
.auth-brand, .auth-brand-name, .auth-link { color: var(--auth-ink); }
.auth-logo { border-color: var(--auth-line); box-shadow: none; }
.auth-language { background: #eef5f7; border-color: var(--auth-line); color: #526b7c; }
.auth-language a { color: #526b7c; }
.auth-language a:hover, .auth-link:hover, .auth-link-card:hover { color: #087b75; }
.auth-button { border-color: var(--auth-accent); box-shadow: none; }
.auth-button-secondary { background: #fff; border-color: var(--auth-line); color: var(--auth-ink); }
.auth-button-secondary:hover { background: #eef5f7; border-color: #afd7d0; color: #087b75; }
.auth-copy { gap: 16px; }
.auth-kicker { color: #087b75; background: #e5f5f1; border-color: #bddfd6; }
.auth-kicker-dot { background: #00a98f; box-shadow: 0 0 0 5px rgba(0, 169, 143, .12); }
.auth-copy h1 { color: var(--auth-ink); font-size: 48px; letter-spacing: 0; }
.auth-copy p { color: var(--auth-muted); }
.auth-feature { color: #526b7c; }
.auth-feature i { color: #00a98f; }
.auth-product-preview { background: #fff; border: 1px solid var(--auth-line); border-radius: 8px; margin: 8px 0 0; max-width: 560px; overflow: hidden; }
.auth-product-preview img { aspect-ratio: 16 / 7.5; object-fit: cover; object-position: top; width: 100%; }
.auth-product-preview figcaption { align-items: center; color: #526b7c; display: flex; font-size: 11px; font-weight: 750; gap: 10px; padding: 10px 12px; }
.auth-product-preview figcaption span { color: #087b75; font-weight: 900; }
.auth-card { background: #fff; border-color: var(--auth-line); border-radius: 8px; box-shadow: 0 20px 48px rgba(18, 50, 79, .12); }
.auth-card-header { background: #f8fbfc; border-bottom-color: var(--auth-line); }
.auth-card-title, .auth-title, .auth-label, .auth-field label { color: var(--auth-ink); }
.auth-card-title i, .auth-link-card { color: #087b75; }
.auth-subtitle, .auth-help, .auth-check-label, .auth-options, .auth-check, .auth-text { color: #526779; }
.auth-google-button { color: var(--auth-ink); background: #fff; border-color: #bdcfd9; }
.auth-google-button:hover { color: #075f5b; background: #edf7f5; border-color: #087b75; }
.auth-divider { color: #526779; }
.auth-search-results { background: #fff; border-color: #bdcfd9; }
.auth-search-results button, .auth-search-empty { color: var(--auth-ink); background: #fff; }
.auth-search-results button:hover, .auth-search-results button:focus { background: #e5f5f1; color: #075f5b; }
.auth-status { background: #ecfdf3; color: #166534; border-color: #bbdfc7; }
.auth-errors, .auth-errors .text-red-600 { background: #fff1f2; color: #a51c30; border-color: #f4bdc5; }
.auth-mobile-app-button, .auth-mobile-app-button:hover { background: #087b75; color: #fff; }
.auth-mobile-app-button small { color: #fff; }
.auth-input:disabled, .auth-select:disabled { background: #edf2f5; color: #526779; opacity: 1; }
.auth-input, .auth-select { background: #fff; border-color: #cbdce4; color: var(--auth-ink); }
.auth-input:focus, .auth-select:focus { background: #fff; border-color: #00a98f; box-shadow: 0 0 0 4px rgba(0, 169, 143, .13); }
.auth-input::placeholder { color: #637789; opacity: 1; }
.auth-foot { border-top-color: var(--auth-line); }
.auth-foot-card { background: #fff; border-color: var(--auth-line); border-radius: 8px; }
.auth-foot-card i { color: #00a98f; }
.auth-foot-card strong { color: var(--auth-ink); }
.auth-foot-card span { color: var(--auth-muted); }

@media (max-width: 980px) {
    .auth-copy h1 { font-size: 40px; }
    .auth-product-preview { max-width: 620px; }
}

@media (max-width: 720px) {
    .auth-copy h1 { font-size: 34px; }
    .auth-product-preview img { aspect-ratio: 16 / 9; }
}