.site-footer {
  margin-top: 44px !important;
  padding: 110px 0 28px !important;
  background:
    linear-gradient(rgba(10, 21, 37, 0.92), rgba(10, 21, 37, 0.96)),
    url("/static/brand/v2/backgrounds/hero-dark-premium.webp") center top / cover no-repeat !important;
  border-top: 1px solid rgba(184, 203, 217, 0.1);
  isolation: isolate;
}
.site-footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: url("/static/brand/v2/patterns/logo-corner-watermark.png") right top / 420px auto no-repeat !important;
  opacity: 0.22 !important;
  pointer-events: none !important;
}
.footer-desc,
.footer-title,
.footer-list a,
.footer-bottom {
  position: relative;
  z-index: 1;
}
.footer-title {
  color: #ffffff !important;
}
.footer-desc,
.footer-list a,
.footer-bottom {
  color: rgba(243, 251, 255, 0.72) !important;
}
.mobile-tab-bar {
  background: color-mix(in srgb, var(--surface) 92%, transparent) !important;
  border-top: 1px solid var(--line) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
}
.tab-item {
  border-radius: 18px;
  color: var(--muted) !important;
  transition:
    background-color 160ms var(--ease),
    color 160ms var(--ease),
    transform 160ms var(--ease);
}
.tab-item.active,
.tab-item:hover {
  background: rgba(36, 176, 233, 0.1) !important;
  color: var(--brand) !important;
}
@media (max-width: 720px) {
  .container {
    width: min(var(--container), calc(100% - 24px));
  }
  .site-header,
  .site-header .nav {
    min-height: 64px;
  }
  .brand-lockup--header img {
    height: 36px;
  }
  .brand-lockup--auth img {
    height: 46px;
  }
  .site-header .brand picture {
    width: 214px;
    height: 36px;
  }
  .drawer-head picture,
  .footer-brand picture,
  .login-logo {
    width: min(100%, 218px);
    height: 46px;
  }
  .site-footer {
    padding-top: 88px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}