/* One restrained elevation layer shared by Toloka pages. It deliberately uses
   existing readable surfaces and never introduces translucent text. */
:root {
  --link-glass-shadow: 0 14px 34px rgba(7, 12, 27, .10);
  --link-glass-shadow-dark: 0 16px 38px rgba(0, 0, 0, .25);
}

html[data-theme] body header:not(.topbar) {
  box-shadow: 0 8px 24px rgba(7, 12, 27, .08) !important;
}

html[data-theme="dark"] body header:not(.topbar) {
  box-shadow: 0 10px 28px rgba(0, 0, 0, .30) !important;
}

html[data-theme] body :is(
  .card, .balance-card, .summary-card, .stat-card, .info-card, .form-card,
  .history-card, .withdrawal-card, .loan-card, .savings-card,
  .testimonial-card, .modal-content, .table-container, .data-section,
  .user-card, .panel, .calculator, .tier-card, .payment-box
) {
  box-shadow: var(--link-glass-shadow) !important;
  transition: box-shadow .22s ease, transform .22s ease;
}

html[data-theme="dark"] body :is(
  .card, .balance-card, .summary-card, .stat-card, .info-card, .form-card,
  .history-card, .withdrawal-card, .loan-card, .savings-card,
  .testimonial-card, .modal-content, .table-container, .data-section,
  .user-card, .panel, .calculator, .tier-card, .payment-box
) { box-shadow: var(--link-glass-shadow-dark) !important; }

html[data-theme] body :is(.modal-content, .dropdown-menu, .dropdown-content, .nav-links.show) {
  backdrop-filter: blur(14px) saturate(1.08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
}

html[data-theme] body :is(.card, .balance-card, .summary-card, .stat-card, .info-card, .form-card, .history-card, .withdrawal-card, .loan-card, .savings-card, .testimonial-card):hover {
  box-shadow: 0 18px 44px rgba(7, 12, 27, .15) !important;
}

html[data-theme="dark"] body :is(.card, .balance-card, .summary-card, .stat-card, .info-card, .form-card, .history-card, .withdrawal-card, .loan-card, .savings-card, .testimonial-card):hover {
  box-shadow: 0 20px 48px rgba(0, 0, 0, .38) !important;
}

/* Marketing pages do not use the contributor theme tokens. */
.site-header {
  box-shadow: 0 9px 26px rgba(15, 18, 27, .08);
  backdrop-filter: blur(12px) saturate(1.05);
  -webkit-backdrop-filter: blur(12px) saturate(1.05);
}

.site-header .mobile-menu,
.mobile-menu {
  backdrop-filter: blur(14px) saturate(1.06);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);
}

.physical-page .physical-nav {
  box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
  backdrop-filter: blur(12px) saturate(1.05);
  -webkit-backdrop-filter: blur(12px) saturate(1.05);
}

.physical-page .physical-contact > div,
.physical-page .physical-contact form {
  border: 1px solid rgba(22, 28, 34, .22);
  box-shadow: 0 15px 34px rgba(20, 30, 43, .13);
}

.physical-page .physical-contact > div {
  padding: clamp(22px, 3vw, 40px);
  background: rgba(255, 255, 255, .10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.physical-page .physical-contact form {
  padding: clamp(22px, 3vw, 40px);
  background: rgba(255, 255, 255, .16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}