
    .auth-theme-shell {
      background:
        radial-gradient(circle at 14% 8%, rgba(var(--theme-primary-rgb, 37, 99, 235), 0.2), transparent 34%),
        radial-gradient(circle at 85% 12%, rgba(var(--theme-secondary-rgb, 29, 78, 216), 0.18), transparent 36%),
        linear-gradient(155deg, #020617, #0f172a 55%, rgba(var(--theme-primary-rgb, 37, 99, 235), 0.35));
    }

    .auth-theme-shell .auth-panel {
      border-color: var(--public-divider-color, rgba(148, 163, 184, 0.2));
      background: var(--public-panel-bg, rgba(255, 255, 255, 0.98));
      color: var(--public-text-strong, #0f172a);
    }

    .auth-theme-shell .auth-primary-btn {
      background: var(--theme-primary, #2563eb);
      color: #ffffff;
    }

    .auth-theme-shell .auth-primary-btn:hover {
      background: var(--theme-secondary, #1d4ed8);
    }

    .auth-theme-shell .auth-link {
      color: var(--theme-primary, #2563eb);
    }

    .auth-theme-shell .auth-panel-title {
      color: var(--public-text-strong, #0f172a);
    }

    .auth-theme-shell .auth-field-label,
    .auth-theme-shell .auth-help {
      color: var(--public-text-muted, #475569);
    }

    .auth-theme-shell .auth-panel input,
    .auth-theme-shell .auth-panel select,
    .auth-theme-shell .auth-panel textarea {
      border-color: var(--public-divider-color, rgba(148, 163, 184, 0.24));
      background: var(--public-card-bg, rgba(248, 250, 252, 0.95));
      color: var(--public-text-strong, #0f172a);
    }

    .auth-theme-shell .auth-panel input::placeholder,
    .auth-theme-shell .auth-panel textarea::placeholder {
      color: var(--public-text-muted, #64748b);
    }

    .auth-theme-shell .auth-divider-line {
      border-color: var(--public-divider-color, rgba(148, 163, 184, 0.24));
    }

    .auth-theme-shell .auth-divider-label {
      background: var(--public-panel-bg, rgba(255, 255, 255, 0.98));
      color: var(--public-text-muted, #64748b);
    }

    .auth-theme-shell .auth-secondary-btn {
      border-color: var(--public-divider-color, rgba(148, 163, 184, 0.24));
      color: var(--public-text-strong, #0f172a);
      background: color-mix(in srgb, var(--public-panel-bg, #ffffff) 94%, var(--theme-primary, #2563eb) 6%);
    }

    .auth-theme-shell .auth-secondary-btn:hover {
      background: color-mix(in srgb, var(--public-panel-bg, #ffffff) 86%, var(--theme-primary, #2563eb) 14%);
    }
  