html.sakura-performance-mode.sakura-auth-route {
  --sakura-minimal-bg: #07111f;
  --sakura-auth-aurora-layer:
    linear-gradient(180deg, rgba(4, 10, 22, 0.1), rgba(4, 10, 22, 0.34)),
    url("/assets/sakura-auth-aurora-20260517.svg?v=2026051701");
  --sakura-anime-bg-layer: var(--sakura-auth-aurora-layer);
}

html.sakura-performance-mode.sakura-auth-route body::before {
  display: block !important;
  background-image: var(--sakura-auth-aurora-layer) !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html.sakura-performance-mode.sakura-auth-route body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 22%, rgba(45, 212, 191, 0.2), transparent 30%),
    radial-gradient(circle at 78% 18%, rgba(192, 132, 252, 0.2), transparent 32%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 42%, rgba(255, 255, 255, 0.05));
  opacity: 0.82;
}

html.sakura-performance-mode.sakura-auth-route #root,
html.sakura-performance-mode.sakura-auth-route .app-layout,
html.sakura-performance-mode.sakura-auth-route .app-shell,
html.sakura-performance-mode.sakura-auth-route .app-content-shell,
html.sakura-performance-mode.sakura-auth-route .semi-layout,
html.sakura-performance-mode.sakura-auth-route .semi-layout-content,
html.sakura-performance-mode.sakura-auth-route .bg-gray-100,
html.sakura-performance-mode.sakura-auth-route .bg-gray-50 {
  background-color: transparent !important;
  background-image: none !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(224, 242, 254, 0.5) !important;
  box-shadow: 0 16px 42px rgba(2, 6, 23, 0.2) !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body p,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .semi-typography,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .text-slate-600,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .text-slate-700,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .text-slate-800 {
  color: #1f2937 !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .semi-typography-h3 {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-weight: 800 !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .mb-6.rounded-xl.border {
  background: rgba(248, 250, 252, 0.96) !important;
  border-color: rgba(51, 65, 85, 0.68) !important;
  color: #334155 !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-form-field-label,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-form-field-label-text {
  color: #111827 !important;
  font-weight: 760 !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-wrapper {
  background: rgba(241, 245, 249, 0.98) !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  caret-color: #0f63ff;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #64748b !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-prefix,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-prefix *,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix * {
  color: #64748b !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) a,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .text-blue-600 {
  color: #005ee8 !important;
  font-weight: 650 !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-button-primary,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-button-primary * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light {
  min-width: 92px;
  height: 30px;
  padding: 0 11px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(219, 234, 254, 0.96)) !important;
  border: 1px solid rgba(37, 99, 235, 0.38) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.72) inset,
    0 5px 14px rgba(37, 99, 235, 0.12) !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light * {
  color: #005ee8 !important;
  -webkit-text-fill-color: #005ee8 !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.82);
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light:not(.semi-button-disabled):not([disabled]):hover {
  background: linear-gradient(180deg, rgba(219, 234, 254, 1), rgba(191, 219, 254, 0.98)) !important;
  border-color: rgba(29, 78, 216, 0.52) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.76) inset,
    0 7px 18px rgba(37, 99, 235, 0.18) !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light.semi-button-disabled,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light[disabled] {
  opacity: 1 !important;
  background: rgba(226, 232, 240, 0.94) !important;
  border-color: rgba(100, 116, 139, 0.34) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.62) inset !important;
}

html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light.semi-button-disabled,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light.semi-button-disabled *,
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light[disabled],
html.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light[disabled] * {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-shadow: none;
}

html.sakura-performance-mode.sakura-auth-route .w-full.max-w-md > .flex.items-center.justify-center.mb-6.gap-2 {
  position: relative;
  isolation: isolate;
}

html.sakura-performance-mode.sakura-auth-route .w-full.max-w-md > .flex.items-center.justify-center.mb-6.gap-2::before {
  content: "";
  position: absolute;
  inset: -10px -18px;
  z-index: -1;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(125, 211, 252, 0.24), transparent 68%);
  opacity: 0.72;
}

html.sakura-performance-mode.sakura-auth-route .w-full.max-w-md > .flex.items-center.justify-center.mb-6.gap-2 img {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.22),
    0 0 18px rgba(125, 211, 252, 0.46),
    0 0 34px rgba(168, 85, 247, 0.22);
}

html.sakura-performance-mode.sakura-auth-route .w-full.max-w-md > .flex.items-center.justify-center.mb-6.gap-2 .semi-typography-h3 {
  color: #f8fafc !important;
  background: linear-gradient(92deg, #ffffff 0%, #bae6fd 44%, #fef3c7 74%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 850 !important;
  letter-spacing: 0;
  text-shadow:
    0 0 10px rgba(14, 165, 233, 0.46),
    0 0 24px rgba(99, 102, 241, 0.38),
    0 2px 8px rgba(0, 0, 0, 0.56);
  filter: drop-shadow(0 0 8px rgba(125, 211, 252, 0.44));
  animation: sakura-auth-brand-glow 3.4s ease-in-out infinite;
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card),
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(8, 15, 28, 0.92)) !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
  box-shadow:
    0 20px 56px rgba(0, 0, 0, 0.52),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset,
    0 0 38px rgba(14, 165, 233, 0.16) !important;
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body p,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body p,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .semi-typography,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .semi-typography,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .text-slate-600,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .text-slate-600,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .text-slate-700,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .text-slate-700,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .text-slate-800,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .text-slate-800 {
  color: #eaf6ff !important;
  text-shadow: 0 0 10px rgba(125, 211, 252, 0.14);
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .semi-typography-h3,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-card-body .semi-typography-h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow:
    0 0 12px rgba(125, 211, 252, 0.44),
    0 2px 10px rgba(0, 0, 0, 0.5);
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .mb-6.rounded-xl.border,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .mb-6.rounded-xl.border {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.86), rgba(8, 15, 28, 0.72)) !important;
  border-color: rgba(125, 211, 252, 0.46) !important;
  color: #eaf6ff !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06) inset,
    0 14px 34px rgba(0, 0, 0, 0.2) !important;
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-form-field-label,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-form-field-label,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-form-field-label-text,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-form-field-label-text {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow:
    0 0 10px rgba(125, 211, 252, 0.34),
    0 2px 8px rgba(0, 0, 0, 0.45);
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-wrapper,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-wrapper {
  background: rgba(15, 23, 42, 0.82) !important;
  border: 1px solid rgba(125, 211, 252, 0.32) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 0 18px rgba(14, 165, 233, 0.12) !important;
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #93c5fd;
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) input.semi-input:-webkit-autofill,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) input.semi-input:-webkit-autofill:hover,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) input.semi-input:-webkit-autofill:focus,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) input.semi-input:-webkit-autofill:active,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) input.semi-input:-webkit-autofill,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) input.semi-input:-webkit-autofill:hover,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) input.semi-input:-webkit-autofill:focus,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) input.semi-input:-webkit-autofill:active,
html.sakura-performance-mode.sakura-auth-route body[theme-mode="dark"] .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) input.semi-input:-webkit-autofill,
html.sakura-performance-mode.sakura-auth-route body[theme-mode="dark"] .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) input.semi-input:-webkit-autofill:hover,
html.sakura-performance-mode.sakura-auth-route body[theme-mode="dark"] .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) input.semi-input:-webkit-autofill:focus,
html.sakura-performance-mode.sakura-auth-route body[theme-mode="dark"] .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) input.semi-input:-webkit-autofill:active {
  background-color: transparent !important;
  background-image: none !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(15, 23, 42, 0.92) inset !important;
  box-shadow: 0 0 0 1000px rgba(15, 23, 42, 0.92) inset !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #93c5fd !important;
  color-scheme: dark;
  filter: none !important;
  transition:
    background-color 99999s ease-out,
    color 99999s ease-out,
    -webkit-text-fill-color 99999s ease-out;
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-wrapper:has(input.semi-input:-webkit-autofill),
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-wrapper:has(input.semi-input:-webkit-autofill),
html.sakura-performance-mode.sakura-auth-route body[theme-mode="dark"] .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-wrapper:has(input.semi-input:-webkit-autofill) {
  background: rgba(15, 23, 42, 0.92) !important;
  border-color: rgba(147, 197, 253, 0.54) !important;
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input::placeholder,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input::placeholder {
  color: #c7d2fe !important;
  opacity: 0.92 !important;
  -webkit-text-fill-color: #c7d2fe !important;
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-prefix,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-prefix,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-prefix *,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-prefix *,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix *,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix * {
  color: #bfdbfe !important;
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) a,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) a,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .text-blue-600,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .text-blue-600,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-button-tertiary,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-button-tertiary,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-button-tertiary *,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-button-tertiary * {
  color: #8bd8ff !important;
  -webkit-text-fill-color: #8bd8ff !important;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.28);
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-button-primary,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-button-primary,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-button-primary *,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-button-primary * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none;
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light {
  background:
    linear-gradient(180deg, rgba(14, 116, 144, 0.38), rgba(30, 64, 175, 0.3)) !important;
  border-color: rgba(125, 211, 252, 0.52) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08) inset,
    0 0 16px rgba(56, 189, 248, 0.18) !important;
}

html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light,
html.sakura-performance-mode.sakura-auth-route.dark .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light *,
html.dark.sakura-performance-mode.sakura-auth-route .semi-card:not(.sakura-super800-plan-card):not(.sakura-new-user-plan-card) .semi-input-suffix .semi-button-primary.semi-button-light * {
  color: #dff8ff !important;
  -webkit-text-fill-color: #dff8ff !important;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.34);
}

html.sakura-performance-mode.sakura-auth-route .app-footer-shell,
html.sakura-performance-mode.sakura-auth-route .app-footer-shell footer,
html.sakura-performance-mode.sakura-auth-route .app-footer-shell footer *,
html.sakura-performance-mode.sakura-auth-route .app-footer-shell .semi-typography,
html.sakura-performance-mode.sakura-auth-route .app-footer-shell span {
  color: rgba(226, 232, 240, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, 0.78) !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
}

html.sakura-performance-mode.sakura-auth-route .app-footer-shell a,
html.sakura-performance-mode.sakura-auth-route .app-footer-shell a * {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.26);
}

@media (max-width: 767px) {
  html.sakura-performance-mode.sakura-auth-route body::before {
    background-position: 48% top !important;
  }

  html.sakura-performance-mode.sakura-auth-route body::after {
    opacity: 0.58;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.sakura-performance-mode.sakura-auth-route .w-full.max-w-md > .flex.items-center.justify-center.mb-6.gap-2 .semi-typography-h3 {
    animation: none;
  }
}

@keyframes sakura-auth-brand-glow {
  0%,
  100% {
    filter: drop-shadow(0 0 8px rgba(125, 211, 252, 0.38));
    text-shadow:
      0 0 10px rgba(14, 165, 233, 0.38),
      0 0 22px rgba(99, 102, 241, 0.3),
      0 2px 8px rgba(0, 0, 0, 0.56);
  }
  50% {
    filter: drop-shadow(0 0 12px rgba(250, 204, 21, 0.42));
    text-shadow:
      0 0 12px rgba(186, 230, 253, 0.5),
      0 0 30px rgba(250, 204, 21, 0.24),
      0 2px 8px rgba(0, 0, 0, 0.56);
  }
}