:root {
  --color-accent: var(--color-primary-2);
}

html,
body {
  background: #000 !important;
  color: var(--color-text) !important;
}

body:not(.page-home)::before {
  background:
    radial-gradient(circle at 50% 8%, rgba(129, 74, 200, 0.20), transparent 34%),
    radial-gradient(circle at 12% 22%, rgba(223, 122, 254, 0.12), transparent 30%),
    radial-gradient(circle at 88% 20%, rgba(129, 74, 200, 0.14), transparent 32%),
    linear-gradient(180deg, #000 0%, #050406 48%, #000 100%);
}

main,
.site-header,
.site-footer,
.container {
  position: relative;
}

.surface,
.surface-home,
.hero,
.legal-hero,
.legal-document,
.gifts-hero,
.gifts-toolbar,
.gifts-empty,
.gifts-meta-card,
.gift-card,
.offer-card,
.service-quote-modal__dialog,
.matches-filters-panel,
.matches-claim-target-card,
.matches-claim-modal__dialog,
.official-match-card,
.duel-inline,
.admin-hero,
.admin-panel,
.admin-compact-card,
.admin-match-card,
.admin-match-history-card,
.admin-validation-card,
.member-overview-panel,
.member-level-card,
.member-history-card,
.member-request-panel,
.member-review-panel,
.member-account-panel,
.member-linked-tiktok,
.member-history-item,
.tiktok-link-surface,
.member-replies-page__stat-card,
.info-card,
.glass-panel,
.glass-card {
  border: 1px solid var(--color-border) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.078), rgba(255, 255, 255, 0.035)),
    rgba(9, 9, 12, 0.76) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-card) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.surface,
.surface-home,
.hero,
.legal-hero,
.legal-document,
.gifts-hero,
.gifts-toolbar,
.admin-hero,
.member-overview-panel,
.member-level-card,
.member-request-panel,
.member-review-panel,
.member-account-panel,
.tiktok-link-surface,
.service-quote-modal__dialog,
.matches-claim-modal__dialog {
  border-radius: var(--radius-xl) !important;
  padding: clamp(22px, 4vw, 46px) !important;
}

.offer-card,
.gift-card,
.gifts-meta-card,
.official-match-card,
.duel-inline,
.admin-panel,
.admin-compact-card,
.admin-match-card,
.admin-match-history-card,
.admin-validation-card,
.member-history-card,
.member-history-item,
.member-linked-tiktok,
.member-replies-page__stat-card,
.info-card {
  border-radius: var(--radius-lg) !important;
  padding: clamp(18px, 3vw, 30px) !important;
}

.hero,
.services-hero,
.gifts-hero,
.admin-hero,
.member-hero,
.legal-hero {
  overflow: hidden;
  margin-top: 20px;
}

.hero::before,
.services-hero::before,
.gifts-hero::before,
.admin-hero::before,
.member-hero::before,
.legal-hero::before,
.surface-home::before {
  content: "";
  position: absolute;
  inset: -30% -20% auto;
  height: 360px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle, rgba(129, 74, 200, 0.34), transparent 68%);
  filter: blur(10px);
}

h1,
h2,
h3,
.hero-copy h1,
.services-copy h1,
.gifts-hero h1,
.legal-hero h1,
.member-hero h1,
.admin-hero h1,
.section-head h2,
.split-head h2 {
  color: #fff !important;
  letter-spacing: -0.065em;
}

.hero-copy h1,
.services-copy h1,
.gifts-hero h1,
.legal-hero h1,
.member-hero h1,
.admin-hero h1 {
  font-size: clamp(42px, 8vw, 92px) !important;
  line-height: 0.94 !important;
}

.section-head,
.split-head,
.services-shell,
.dashboard-grid,
.admin-shell,
.legal-container,
.gifts-grid,
.matches-grid,
.member-dashboard--single,
.member-history-list,
.admin-summary-grid,
.admin-quick-metrics {
  display: grid;
  gap: clamp(16px, 3vw, 28px);
}

.section-head p,
.split-head p,
.hero p,
.services-copy p,
.gifts-hero p,
.legal-hero p,
.member-hero p,
.admin-hero p,
.offer-card p,
.gift-card,
.official-match-card,
.member-history-item,
.footer-description {
  color: rgba(255, 255, 255, 0.68) !important;
}

.mini-pill,
.admin-event-pill,
.official-match-card__status-pill,
.duel-card__live-pill,
.duel-card__result-pill,
.member-history-status,
.site-nav__link-badge,
.match-estimation-value {
  border: 1px solid rgba(223, 122, 254, 0.22) !important;
  background: rgba(129, 74, 200, 0.16) !important;
  color: #fff !important;
}

.offer-card__icon,
.gifts-meta-card__icon,
.matches-claim-form__field-icon,
.admin-panel__count,
.member-level-card__bar::after,
.legend-dot {
  background: var(--gradient-primary) !important;
  color: #fff !important;
}

.field-input,
.field-control,
.field-textarea,
.field-shell__input,
.field-shell__select,
.matches-claim-form__input,
.matches-claim-form__textarea,
.admin-note-input,
select,
input,
textarea {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: rgba(255, 255, 255, 0.065) !important;
  color: #fff !important;
}

.field-input::placeholder,
.field-control::placeholder,
.field-textarea::placeholder,
.field-shell__input::placeholder,
.matches-claim-form__input::placeholder,
.matches-claim-form__textarea::placeholder,
textarea::placeholder,
input::placeholder {
  color: rgba(255, 255, 255, 0.38) !important;
}

.btn,
.btn-primary,
.btn-secondary,
.btn-ghost,
.btn-outline {
  border-radius: 14px;
  font-weight: 800;
}

.btn-primary {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background: var(--gradient-primary) !important;
  color: #fff !important;
  box-shadow: 0 16px 60px rgba(129, 74, 200, 0.30) !important;
}

.btn-secondary,
.btn-ghost,
.btn-outline {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-ghost:hover,
.btn-outline:hover {
  transform: translateY(-1px);
}

.site-footer {
  background: #000;
}

.footer-shell {
  gap: 12px;
}

.footer-meta:has(span:only-child) {
  justify-content: flex-start;
}

.reviews-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-block: 4px;
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.reviews-marquee__track {
  display: flex;
  width: max-content;
  gap: 16px;
  animation: reviews-marquee 58s linear infinite;
  will-change: transform;
}

.reviews-marquee:hover .reviews-marquee__track {
  animation-play-state: paused;
}

.reviews-marquee .review-card {
  flex: 0 0 min(390px, calc(100vw - 56px));
  min-height: 248px;
}

@keyframes reviews-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .reviews-marquee__track {
    animation: none;
    overflow-x: auto;
    width: 100%;
  }
}

@media (max-width: 809.98px) {
  .hero,
  .services-hero,
  .gifts-hero,
  .admin-hero,
  .member-hero,
  .legal-hero {
    margin-top: 12px;
  }

  .hero-copy h1,
  .services-copy h1,
  .gifts-hero h1,
  .legal-hero h1,
  .member-hero h1,
  .admin-hero h1 {
    font-size: clamp(40px, 12vw, 62px) !important;
    letter-spacing: -0.075em;
  }

  .surface,
  .surface-home,
  .hero,
  .legal-hero,
  .legal-document,
  .gifts-hero,
  .gifts-toolbar,
  .admin-hero,
  .member-overview-panel,
  .member-level-card,
  .member-request-panel,
  .member-review-panel,
  .member-account-panel,
  .tiktok-link-surface {
    border-radius: 26px !important;
    padding: 22px !important;
  }

  .reviews-marquee {
    mask-image: none;
  }

  .reviews-marquee__track {
    gap: 12px;
    animation-duration: 34s;
  }

  .reviews-marquee .review-card {
    flex-basis: min(82vw, 340px);
  }
}

html {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

body.page-gifts,
body.page-matches,
body.official-matches-page {
  position: relative;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden !important;
}

body.page-gifts main,
body.page-matches main,
body.official-matches-page main,
body.page-gifts .site-header,
body.page-matches .site-header,
body.official-matches-page .site-header,
body.page-gifts .site-footer,
body.page-matches .site-footer,
body.official-matches-page .site-footer {
  width: 100%;
  max-width: 100vw;
}

body.page-gifts .container,
body.page-matches .container,
body.official-matches-page .container {
  width: 100%;
  max-width: min(var(--container), 100vw);
  min-width: 0;
}

.gifts-custom-select__menu[hidden],
.matches-filter__menu[hidden],
.matches-empty[hidden],
.gifts-empty[hidden] {
  display: none !important;
}

body.page-gifts .site-header .container,
body.page-gifts .site-footer .container,
body.page-gifts main > .section > .container {
  width: min(100%, var(--container)) !important;
  max-width: var(--container) !important;
  padding-inline: var(--container-padding) !important;
  margin-inline: auto !important;
}

body.page-gifts .site-nav,
body.page-gifts .site-nav__bar {
  width: 100% !important;
  max-width: 100% !important;
}

body.page-gifts .gifts-section--catalogue {
  padding-bottom: 0 !important;
}

body.page-gifts .gifts-toolbar {
  margin-bottom: 0 !important;
}

body.page-gifts .gifts-section--grid {
  padding-top: clamp(28px, 6vw, 72px) !important;
}

body.page-matches .matches-tabs {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page-matches .matches-filters-panel {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
}

body.page-matches .matches-filter__value,
body.page-matches .matches-filter__date-wrap,
body.page-matches .matches-filter__value span[data-filter-label],
body.page-matches .matches-filter__date-placeholder {
  color: #fff !important;
  font-weight: 900 !important;
}

body.page-matches .matches-filter__value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.page-matches .matches-empty {
  margin-top: clamp(22px, 5vw, 38px) !important;
}

body.page-legal .legal-hero,
body.page-legal .legal-toc,
body.page-legal .legal-meta,
body.page-legal .legal-document {
  border: 1px solid rgba(255,255,255,.13) !important;
  background:
    radial-gradient(circle at 72% 12%, rgba(223,122,254,.13), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.032)),
    rgba(9,9,12,.80) !important;
  box-shadow: var(--shadow-card) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body.page-legal .legal-hero {
  border-radius: var(--radius-xl) !important;
  padding: clamp(26px, 6vw, 56px) !important;
}

body.page-legal .legal-toc,
body.page-legal .legal-meta,
body.page-legal .legal-document {
  border-radius: var(--radius-lg) !important;
}

.site-header > .container {
  display: grid;
  gap: clamp(28px, 6vw, 58px);
  align-items: stretch;
}

.site-header > .container > .site-nav {
  margin: 0;
}

.site-header > .container > .hero,
.site-header > .container > section,
.site-header > .container > .site-alert {
  margin-top: 0;
}

@media (max-width: 809.98px) {
  .site-header > .container {
    gap: clamp(26px, 7vw, 44px);
  }
}

body.page-admin {
  --admin-card-radius: clamp(26px, 4vw, 42px);
  --admin-card-pad: clamp(20px, 3vw, 34px);
}

body.page-admin .site-header {
  position: relative;
  padding-bottom: clamp(22px, 5vw, 48px);
}

body.page-admin .admin-hero,
body.page-admin header .hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.72fr);
  align-items: stretch;
  gap: clamp(18px, 3vw, 34px);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: var(--radius-xl);
  padding: clamp(24px, 5vw, 58px);
  background:
    radial-gradient(circle at 50% -8%, rgba(223,122,254,.24), transparent 46%),
    radial-gradient(circle at 95% 10%, rgba(129,74,200,.18), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.032)),
    rgba(9,9,12,.84);
  box-shadow: var(--shadow-card);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.page-admin .admin-hero::before,
body.page-admin header .hero::before {
  content: "";
  position: absolute;
  inset: auto -16% -42% 18%;
  height: 280px;
  z-index: -1;
  background: radial-gradient(circle, rgba(129,74,200,.30), transparent 70%);
  pointer-events: none;
}

body.page-admin .admin-hero-copy--micro,
body.page-admin .admin-hero .hero-copy,
body.page-admin header .hero .hero-copy {
  display: grid;
  align-content: center;
  gap: clamp(16px, 2.4vw, 24px);
  min-width: 0;
}

body.page-admin .admin-hero h1,
body.page-admin header .hero h1 {
  max-width: 850px;
  color: #fff;
  font-size: clamp(48px, 9vw, 106px);
  line-height: .88;
  letter-spacing: -.078em;
  margin: 0;
}

body.page-admin .admin-hero p,
body.page-admin header .hero p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.70);
  font-size: clamp(17px, 2.4vw, 24px);
  line-height: 1.42;
}

body.page-admin .admin-page-nav,
body.page-admin .admin-page-nav--micro {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: clamp(2px, .8vw, 8px);
}

body.page-admin .admin-page-nav .btn {
  min-height: 56px;
  border-radius: 16px;
  padding-inline: clamp(20px, 3vw, 30px);
}

body.page-admin .admin-hero-panel--micro,
body.page-admin .hero-panel {
  display: grid;
  align-content: stretch;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: clamp(24px, 4vw, 34px);
  padding: clamp(18px, 3vw, 28px);
  background:
    linear-gradient(180deg, rgba(255,255,255,.068), rgba(255,255,255,.030)),
    rgba(255,255,255,.030);
}

body.page-admin .admin-quick-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: clamp(10px, 1.5vw, 14px);
  width: 100%;
}

body.page-admin .admin-quick-metrics > div {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: clamp(104px, 12vw, 142px);
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 22px;
  padding: 16px;
  background:
    radial-gradient(circle at 50% 0%, rgba(223,122,254,.12), transparent 48%),
    rgba(255,255,255,.040);
  text-align: center;
}

body.page-admin .admin-quick-metrics span {
  color: rgba(255,255,255,.62);
  font-weight: 850;
  line-height: 1.15;
}

body.page-admin .admin-quick-metrics strong {
  color: #fff;
  font-size: clamp(26px, 4.2vw, 48px);
  line-height: .95;
  letter-spacing: -.055em;
}

body.page-admin .admin-main {
  padding-block: clamp(22px, 4vw, 52px) clamp(70px, 10vw, 120px);
}

body.page-admin .admin-main > .container {
  display: grid;
  gap: clamp(22px, 4vw, 42px);
}

body.page-admin .dashboard-grid,
body.page-admin .admin-shell,
body.page-admin .admin-shell--compact-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: clamp(18px, 3vw, 30px);
  align-items: start;
}

body.page-admin .admin-panel--summary,
body.page-admin .admin-panel:has(.admin-summary-grid) {
  grid-column: 1 / -1;
}

body.page-admin .admin-panel,
body.page-admin .admin-validation-card,
body.page-admin .admin-match-card,
body.page-admin .admin-match-history-card,
body.page-admin .admin-compact-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: var(--admin-card-radius);
  background:
    radial-gradient(circle at 82% 0%, rgba(223,122,254,.11), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.074), rgba(255,255,255,.032)),
    rgba(9,9,12,.82);
  box-shadow: var(--shadow-card);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.page-admin .admin-panel {
  display: grid;
  gap: clamp(16px, 2.2vw, 24px);
  min-width: 0;
  padding: var(--admin-card-pad);
}

body.page-admin .admin-validation-card,
body.page-admin .admin-match-card,
body.page-admin .admin-match-history-card,
body.page-admin .admin-compact-card {
  display: grid;
  gap: 16px;
  border-radius: 26px;
  padding: clamp(16px, 3vw, 26px);
}

body.page-admin .admin-panel__head,
body.page-admin .section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

body.page-admin .admin-panel__head h2,
body.page-admin .section-head h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(28px, 4.6vw, 52px);
  line-height: .96;
  letter-spacing: -.06em;
}

body.page-admin .admin-panel__intro,
body.page-admin .section-head p {
  max-width: 680px;
  margin: 8px 0 0;
  color: rgba(255,255,255,.64);
  line-height: 1.45;
}

body.page-admin .admin-panel__count,
body.page-admin .admin-panel__count--compact {
  display: inline-grid;
  place-items: center;
  min-width: 48px;
  height: 48px;
  border: 1px solid rgba(223,122,254,.28);
  border-radius: 999px;
  padding-inline: 12px;
  background:
    radial-gradient(circle at 50% 0%, rgba(223,122,254,.28), transparent 56%),
    rgba(129,74,200,.18);
  color: #fff;
  font-weight: 950;
  box-shadow: 0 16px 38px rgba(129,74,200,.18);
}

body.page-admin .admin-empty-state {
  display: grid;
  place-items: center;
  min-height: 120px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 22px;
  padding: clamp(18px, 3vw, 28px);
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.66);
  font-weight: 850;
  text-align: center;
}

body.page-admin .admin-carousel,
body.page-admin .admin-scroll-zone,
body.page-admin .admin-queue-list,
body.page-admin .admin-queue-list--carousel,
body.page-admin .admin-match-validation-list,
body.page-admin .admin-match-history-list,
body.page-admin .admin-mini-history {
  display: grid;
  gap: 14px;
  min-width: 0;
}

body.page-admin .admin-carousel__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

body.page-admin .admin-carousel__arrow {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  color: #fff;
  cursor: pointer;
}

body.page-admin .admin-carousel__status,
body.page-admin .mini-pill,
body.page-admin .admin-pro-badge {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  border: 1px solid rgba(223,122,254,.25);
  border-radius: 999px;
  padding: 0 12px;
  background: rgba(129,74,200,.18);
  color: #fff;
  font-weight: 900;
}

body.page-admin .admin-compact-card__top,
body.page-admin .admin-card-identity,
body.page-admin .admin-inline-meta,
body.page-admin .admin-match-card__top,
body.page-admin .admin-match-card__status-wrap,
body.page-admin .admin-match-card__agency-line,
body.page-admin .admin-match-history-card__top {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  min-width: 0;
}

body.page-admin .admin-compact-card__top,
body.page-admin .admin-match-card__top,
body.page-admin .admin-match-history-card__top {
  justify-content: space-between;
}

body.page-admin .admin-card-identity,
body.page-admin .admin-inline-meta,
body.page-admin .admin-match-card__agency-line {
  justify-content: flex-start;
}

body.page-admin .admin-card-avatar,
body.page-admin .admin-card-avatar--fallback,
body.page-admin .admin-match-card__avatar,
body.page-admin .admin-match-card__avatar--fallback {
  display: inline-grid;
  place-items: center;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  border-radius: 999px;
  overflow: hidden;
  object-fit: cover;
  background: var(--gradient-primary);
  color: #fff;
  font-weight: 950;
}

body.page-admin .admin-card-avatar img,
body.page-admin .admin-match-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.page-admin .admin-card-copy,
body.page-admin .admin-match-card__copy,
body.page-admin .admin-match-history-card__title-wrap {
  display: grid;
  gap: 5px;
  min-width: 0;
}

body.page-admin .admin-card-copy strong,
body.page-admin .admin-match-card__copy strong,
body.page-admin .admin-match-history-card__title-wrap strong {
  color: #fff;
  font-size: clamp(18px, 2.4vw, 24px);
  letter-spacing: -.035em;
}

body.page-admin .admin-card-copy span,
body.page-admin .admin-match-card__copy span,
body.page-admin .admin-match-card__copy small,
body.page-admin .admin-inline-meta,
body.page-admin .admin-match-history-card__title-wrap span {
  color: rgba(255,255,255,.64);
  font-weight: 800;
}

body.page-admin .admin-inline-meta,
body.page-admin .admin-inline-meta--note,
body.page-admin .admin-inline-warning {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 12px 14px;
  background: rgba(255,255,255,.035);
}

body.page-admin .admin-inline-warning {
  border-color: rgba(255,198,93,.30);
  background: rgba(255,198,93,.10);
  color: #ffe0a4;
  font-weight: 850;
}

body.page-admin .admin-inline-meta--stars svg {
  width: 18px;
  height: 18px;
  color: var(--color-primary-2);
}

body.page-admin .admin-match-card__meta-grid,
body.page-admin .admin-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

body.page-admin .admin-match-card__meta-grid > div,
body.page-admin .admin-summary-grid > div,
body.page-admin .admin-mini-history > div {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.035);
}

body.page-admin .admin-match-card__meta-grid span,
body.page-admin .admin-summary-grid span,
body.page-admin .admin-mini-history h3 {
  color: rgba(255,255,255,.55);
  font-weight: 850;
}

body.page-admin .admin-match-card__meta-grid strong,
body.page-admin .admin-summary-grid strong {
  color: #fff;
  font-size: clamp(18px, 2.6vw, 28px);
  line-height: 1.05;
  letter-spacing: -.035em;
}

body.page-admin .admin-match-card__meta-grid-item--full {
  grid-column: 1 / -1;
}

body.page-admin .admin-action-form,
body.page-admin .admin-match-card__form,
body.page-admin .admin-match-card__form-grid {
  display: grid;
  gap: 12px;
}

body.page-admin .admin-note-input,
body.page-admin .field-input,
body.page-admin .field-control,
body.page-admin textarea {
  width: 100%;
  min-height: 54px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 16px;
  padding: 0 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
    rgba(255,255,255,.055);
  color: #fff;
  font: inherit;
  font-weight: 800;
}

body.page-admin textarea {
  min-height: 120px;
  padding-block: 14px;
  resize: vertical;
}

body.page-admin .admin-note-input:focus,
body.page-admin .field-input:focus,
body.page-admin .field-control:focus,
body.page-admin textarea:focus {
  outline: 0;
  border-color: rgba(223,122,254,.55);
  box-shadow: 0 0 0 4px rgba(129,74,200,.16);
}

body.page-admin .admin-compact-card__actions,
body.page-admin .admin-match-card__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}

body.page-admin .admin-compact-card__actions .btn,
body.page-admin .admin-match-card__actions .btn {
  width: 100%;
  min-height: 52px;
  border-radius: 15px;
}

body.page-admin .admin-mini-history {
  grid-template-columns: repeat(2, minmax(0,1fr));
  margin-top: 6px;
}

body.page-admin .admin-mini-history ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page-admin .admin-mini-history li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: rgba(255,255,255,.68);
}

body.page-admin .admin-mini-history li strong {
  color: var(--color-primary-2);
}

body.page-admin .site-alert {
  border-radius: 18px;
  padding: 14px 18px;
  font-weight: 850;
}

@media (max-width: 1099.98px) {
  body.page-admin .admin-hero,
  body.page-admin header .hero {
    grid-template-columns: 1fr;
  }

  body.page-admin .admin-shell--compact-overview,
  body.page-admin .dashboard-grid,
  body.page-admin .admin-shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 699.98px) {
  body.page-admin .admin-hero,
  body.page-admin header .hero {
    padding: 22px;
    border-radius: 30px;
  }

  body.page-admin .admin-page-nav,
  body.page-admin .admin-page-nav--micro,
  body.page-admin .admin-page-nav .btn,
  body.page-admin .admin-page-nav--micro .btn {
    width: 100%;
  }

  body.page-admin .admin-quick-metrics,
  body.page-admin .admin-match-card__meta-grid,
  body.page-admin .admin-summary-grid,
  body.page-admin .admin-mini-history,
  body.page-admin .admin-compact-card__actions,
  body.page-admin .admin-match-card__actions {
    grid-template-columns: 1fr;
  }

  body.page-admin .admin-panel {
    border-radius: 30px;
    padding: 18px;
  }
}

@media (min-width: 810px) {
  :root {
    --nav-template-height: 51px;
  }

  
  .site-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 80 !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .site-header::before {
    content: "";
    position: fixed;
    inset: 0 0 auto 0;
    height: var(--nav-template-height);
    border-bottom: 1px solid rgb(34, 34, 34);
    background: #000;
    z-index: 998;
    pointer-events: none;
  }

  .site-header > .container {
    width: min(100%, 1200px) !important;
    max-width: 1200px !important;
    margin-inline: auto !important;
    padding: calc(var(--nav-template-height) + 58px) 40px 0 !important;
    display: grid !important;
    gap: clamp(28px, 4vw, 52px) !important;
    pointer-events: auto !important;
  }

  .page-home .site-header > .container,
  .official-matches-page .site-header > .container {
    padding-top: var(--nav-template-height) !important;
  }

  .site-nav {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1000 !important;
    width: min(100%, 1200px) !important;
    height: var(--nav-template-height) !important;
    padding: 10px 40px !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .site-nav__bar {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    min-height: 30px !important;
    height: min-content !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
  }

  
  .site-nav__brand,
  .brand.site-nav__brand {
    display: inline-flex !important;
    flex: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: min-content !important;
    height: min-content !important;
    min-width: 0 !important;
  }

  .site-nav__brand .brand-mark,
  .brand.site-nav__brand .brand-mark {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
  }

  .site-nav__brand .brand-mark__tile {
    width: 14px !important;
    height: 14px !important;
    border-width: 4px !important;
    border-radius: 5px 2px 5px 2px !important;
  }

  .site-nav__brand .brand-mark__arrow {
    top: 7px !important;
    right: 7px !important;
    width: 8px !important;
    height: 8px !important;
    border-top-width: 2px !important;
    border-right-width: 2px !important;
  }

  .site-nav__brand .brand-mark__arrow::after {
    width: 10px !important;
    height: 2px !important;
  }

  .site-nav__brand .brand-wordmark {
    display: grid !important;
    gap: 0 !important;
    line-height: 0.88 !important;
    min-width: 88px !important;
  }

  .site-nav__brand .brand-top {
    display: block !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-family: "Figtree", "Figtree Placeholder", system-ui, sans-serif !important;
    font-size: 7px !important;
    font-weight: 700 !important;
    letter-spacing: 0.23em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .site-nav__brand .brand-main {
    display: block !important;
    color: #fff !important;
    font-family: "Figtree", "Figtree Placeholder", system-ui, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 0.92 !important;
    letter-spacing: -0.06em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .site-nav__desktop {
    display: flex !important;
    flex: 1 0 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-width: 0 !important;
  }

  .site-nav__links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    padding: 2px 0 !important;
  }

  .site-nav__links a {
    height: 25px !important;
    min-height: 25px !important;
    border: 0 !important;
    border-radius: 8px !important;
    padding: 0 9px !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-family: "Figtree", "Figtree Placeholder", system-ui, sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  .site-nav__links a:hover,
  .site-nav__links a.is-current {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
  }

  .site-nav__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  .site-nav__credits {
    height: 31px !important;
    min-height: 31px !important;
    gap: 6px !important;
    border: 1px solid rgb(34, 34, 34) !important;
    border-radius: 8px !important;
    padding: 0 9px !important;
    background: rgba(13, 13, 13, 0.8) !important;
    box-shadow: none !important;
    font-size: 12px !important;
  }

  .site-nav__link-badge {
    min-width: 18px !important;
    height: 18px !important;
    padding-inline: 5px !important;
    border: 1px solid rgba(223, 122, 254, .36) !important;
    background: rgba(129, 74, 200, .22) !important;
    font-size: 10px !important;
  }

  .site-nav__member-trigger {
    height: 39px !important;
    min-height: 39px !important;
    gap: 7px !important;
    border: 1px solid rgb(34, 34, 34) !important;
    border-radius: 8px !important;
    padding: 4px 8px 4px 4px !important;
    background: rgba(13, 13, 13, 0.8) !important;
    box-shadow: none !important;
  }

  .site-nav__member-avatar-wrap,
  .site-nav__member-avatar {
    width: 31px !important;
    height: 31px !important;
    border-radius: 8px !important;
  }

  .site-nav__member-name {
    max-width: 105px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  .site-nav__member-sub {
    font-size: 10px !important;
    line-height: 1 !important;
  }

  .site-nav__member-pro {
    padding: 1px 5px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
  }

  .site-nav__member-chevron {
    width: 12px !important;
    height: 12px !important;
  }

  .site-nav__member-menu {
    top: calc(100% + 8px) !important;
    border-color: rgb(34, 34, 34) !important;
    border-radius: 8px !important;
    background: rgba(13, 13, 13, .96) !important;
  }

  .site-nav__toggle {
    display: none !important;
  }

  .skip-link {
    display: none !important;
  }

  
  body > main,
  .page-shell > main,
  main {
    padding-top: 0 !important;
  }

  .member-main,
  .admin-main {
    padding-block: clamp(34px, 5vw, 70px) clamp(90px, 10vw, 150px) !important;
  }

  .page-home main,
  .official-matches-page main {
    padding-top: 0 !important;
  }

  .page-member .member-main > .container,
  .page-member-replies .member-main > .container,
  .page-admin .admin-main > .container {
    width: min(100%, 1200px) !important;
    max-width: 1200px !important;
    margin-inline: auto !important;
    padding-inline: 40px !important;
    display: grid !important;
    gap: clamp(34px, 5vw, 72px) !important;
  }

  .page-member .member-linked-hero,
  .page-member-replies .member-replies-page__hero,
  .page-admin .admin-hero,
  .page-admin-validation .admin-validation-hero {
    width: min(100%, 1040px) !important;
    margin-inline: auto !important;
  }

  .page-member .member-dashboard,
  .page-member .member-page-intro,
  .page-member-replies .member-replies-page__layout,
  .page-admin .admin-shell,
  .page-admin .admin-validation-layout,
  .page-admin .admin-summary-grid {
    width: min(100%, 1040px) !important;
    margin-inline: auto !important;
  }

  .page-member-replies .member-replies-page__hero,
  .page-admin .admin-hero,
  .page-admin-validation .admin-validation-hero {
    padding: clamp(34px, 5vw, 58px) !important;
  }

  .page-member .member-linked-hero {
    padding: clamp(34px, 5vw, 58px) !important;
  }

  .page-member-replies .member-hero-copy h1,
  .page-admin header .hero h1,
  .page-admin .admin-hero h1,
  .page-member .member-linked-hero__title {
    max-width: 800px !important;
    font-size: clamp(52px, 7vw, 88px) !important;
    line-height: .88 !important;
    letter-spacing: -.075em !important;
  }

  .page-admin .admin-shell--compact-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .site-footer {
    margin-top: clamp(50px, 8vw, 120px) !important;
  }
}

@media (min-width: 810px) and (max-width: 1130px) {
  .site-nav__links a {
    padding: 0 6px !important;
    font-size: 10.5px !important;
  }

  .site-nav__brand .brand-wordmark {
    min-width: 78px !important;
  }

  .site-nav__member-name {
    max-width: 84px !important;
  }
}

:root {
  --v75-bg: #000000;
  --v75-line: rgb(34, 34, 34);
  --v75-line-soft: rgba(255,255,255,.10);
  --v75-line-strong: rgba(255,255,255,.16);
  --v75-panel: rgba(13, 13, 13, .80);
  --v75-card: rgba(255,255,255,.055);
  --v75-card-hover: rgba(255,255,255,.082);
  --v75-purple: #814ac8;
  --v75-purple-2: #df7afe;
  --v75-text: #ffffff;
  --v75-muted: rgba(255,255,255,.70);
  --v75-soft: rgba(255,255,255,.50);
  --v75-radius-panel: 24px;
  --v75-radius-card: 18px;
  --v75-shadow: 0 30px 80px rgba(0,0,0,.42);
  --v75-glow: 0 0 70px rgba(129,74,200,.28);
}

html {
  background: #000 !important;
}

body {
  position: relative !important;
  isolation: isolate !important;
  overflow-x: clip !important;
  background: #000 !important;
  color: var(--v75-text) !important;
  font-family: "Figtree", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body::before {
  content: "" !important;
  position: fixed !important;
  inset: -18vh -16vw !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(48% 28% at 50% 12%, rgba(129,74,200,.40) 0%, rgba(129,74,200,.20) 32%, transparent 68%),
    radial-gradient(38% 22% at 50% 62%, rgba(223,122,254,.16) 0%, transparent 70%),
    linear-gradient(180deg, #000 0%, #050306 48%, #000 100%) !important;
  filter: blur(.2px) saturate(1.06) !important;
  transform: translate3d(0,0,0) scale(1) !important;
  animation: tanV75PurpleTrail 16s ease-in-out infinite alternate !important;
}

body::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .40 !important;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.75) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(255,255,255,.42) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(223,122,254,.34) 0 1px, transparent 1.8px);
  background-size: 230px 230px, 360px 360px, 520px 520px !important;
  background-position: 0 0, 80px 120px, 160px 60px !important;
  mask-image: radial-gradient(circle at 50% 36%, #000 0%, rgba(0,0,0,.82) 42%, transparent 86%) !important;
  -webkit-mask-image: radial-gradient(circle at 50% 36%, #000 0%, rgba(0,0,0,.82) 42%, transparent 86%) !important;
  animation: tanV75Particles 38s linear infinite !important;
}

body > *:not(script):not(style) {
  position: relative;
  z-index: 1;
}

@keyframes tanV75PurpleTrail {
  0% { transform: translate3d(-3vw,-1vh,0) scale(1); background-position: 50% 0%, 50% 60%, 0 0; }
  45% { transform: translate3d(2vw,2vh,0) scale(1.04); background-position: 48% 5%, 54% 58%, 0 0; }
  100% { transform: translate3d(4vw,-2vh,0) scale(1.02); background-position: 52% 2%, 47% 65%, 0 0; }
}

@keyframes tanV75Particles {
  0% { background-position: 0 0, 80px 120px, 160px 60px; }
  100% { background-position: 230px -460px, -280px -240px, 680px -520px; }
}

.site-header,
main,
.site-footer,
.modal,
.modal-backdrop {
  position: relative;
  z-index: 1;
}

h1, h2, h3,
.home-title,
.hero h1,
.hero-framer h1,
.member-linked-hero__title,
.member-card__title,
.admin-panel__head h2,
.section-heading h2 {
  font-family: "Figtree", "Inter", system-ui, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -.075em !important;
  text-wrap: balance;
}

p, li, td, th, input, textarea, select, button, a {
  font-family: "Figtree", "Inter", system-ui, sans-serif !important;
}

.surface,
.surface-home,
.glass-panel,
.glass-card,
.info-card,
.hero,
.legal-hero,
.legal-document,
.gifts-hero,
.gifts-toolbar,
.gifts-empty,
.gifts-meta-card,
.gift-card,
.offer-card,
.feature-card,
.stat-card,
.review-card,
.matches-filters-panel,
.matches-claim-modal__dialog,
.matches-claim-target-card,
.official-match-card,
.duel-inline,
.member-linked-hero,
.member-page-intro,
.member-overview-panel,
.member-level-card,
.member-history-card,
.member-history-item,
.member-request-panel,
.member-review-panel,
.member-account-panel,
.member-linked-tiktok,
.member-replies-page__hero,
.member-replies-page__section,
.member-reply-v2,
.member-reply-panel,
.member-reply-history-card,
.tiktok-link-surface,
.admin-hero,
.admin-panel,
.admin-compact-card,
.admin-validation-card,
.admin-match-card,
.admin-match-history-card,
.admin-validation-section,
.admin-match-review-card,
.service-quote-modal__dialog {
  border: 1px solid var(--v75-line) !important;
  background:
    radial-gradient(82% 62% at 82% 0%, rgba(223,122,254,.105) 0%, transparent 54%),
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.032)),
    rgba(13,13,13,.82) !important;
  box-shadow: var(--v75-shadow) !important;
  backdrop-filter: blur(18px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
}

.surface--nested,
.hero-panel,
.admin-empty-state,
.member-replies-page__empty,
.member-history-card__empty,
.matches-empty,
.gifts-empty,
.field-control,
.field-textarea,
.select-like,
.member-replies-table-wrap,
.member-table-wrap,
.admin-validation-table-wrap,
.admin-history-table-wrap,
.table-wrap {
  border: 1px solid rgba(255,255,255,.12) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.026)),
    rgba(255,255,255,.045) !important;
  box-shadow: none !important;
}

.surface:hover,
.gift-card:hover,
.offer-card:hover,
.official-match-card:hover,
.member-history-card:hover,
.member-reply-v2:hover,
.admin-panel:hover {
  border-color: rgba(223,122,254,.22) !important;
}

.btn,
button.btn,
a.btn,
.pill,
.badge,
.chip,
.matches-tab,
.matches-filter__trigger,
.admin-carousel__arrow,
.admin-match-pager__arrow,
.admin-match-pager__page,
.member-history-card__count,
.member-replies-page__section-head .member-history-card__count,
.admin-validation-count,
.admin-panel__count,
.site-nav__link-badge {
  border-color: rgba(255,255,255,.14) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.032)),
    rgba(16,16,18,.78) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.btn-primary,
button.btn-primary,
a.btn-primary,
.matches-tab.is-active,
.admin-match-pager__page.is-current {
  border-color: transparent !important;
  background: linear-gradient(135deg, #8b4fd8 0%, #df7afe 100%) !important;
  color: #fff !important;
  box-shadow: 0 20px 60px rgba(129,74,200,.30) !important;
}

.btn-secondary,
.btn-outline {
  background:
    linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.022)),
    rgba(13,13,13,.72) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #fff !important;
}

.btn:hover,
button.btn:hover,
a.btn:hover {
  transform: translateY(-1px);
  border-color: rgba(223,122,254,.28) !important;
}

@media (min-width: 810px) {
  :root { --nav-template-height: 51px; }

  .site-header {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  .site-header::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    z-index: 998 !important;
    height: var(--nav-template-height) !important;
    border-bottom: 1px solid var(--v75-line) !important;
    background: #000 !important;
    pointer-events: none !important;
  }

  .site-header > .container {
    width: min(100%, 1200px) !important;
    max-width: 1200px !important;
    margin-inline: auto !important;
    padding: calc(var(--nav-template-height) + 58px) 40px 0 !important;
    display: grid !important;
    gap: clamp(28px, 4vw, 52px) !important;
  }

  .page-home .site-header > .container,
  .page-gifts .site-header > .container,
  .page-services .site-header > .container,
  .official-matches-page .site-header > .container,
  .page-legal .site-header > .container {
    padding-top: var(--nav-template-height) !important;
  }

  body .site-header > .container > nav.site-nav,
  nav.site-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    height: var(--nav-template-height) !important;
    transform: none !important;
    padding: 10px 40px !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
  }

  .site-nav__bar {
    width: 100% !important;
    max-width: 1200px !important;
    min-height: 30px !important;
    height: 31px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
  }

  .site-nav__brand,
  .brand.site-nav__brand {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 4px !important;
    width: min-content !important;
    padding: 0 !important;
  }

  .site-nav__brand .brand-mark {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
  }

  .site-nav__brand .brand-mark__tile {
    width: 14px !important;
    height: 14px !important;
    border-width: 4px !important;
    border-radius: 5px 2px 5px 2px !important;
  }

  .site-nav__brand .brand-mark__arrow {
    top: 7px !important;
    right: 7px !important;
    width: 8px !important;
    height: 8px !important;
    border-top-width: 2px !important;
    border-right-width: 2px !important;
  }

  .site-nav__brand .brand-mark__arrow::after {
    width: 10px !important;
    height: 2px !important;
  }

  .site-nav__brand .brand-wordmark {
    display: grid !important;
    gap: 0 !important;
    min-width: 86px !important;
    line-height: .88 !important;
  }

  .site-nav__brand .brand-top {
    display: block !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 7px !important;
    font-weight: 800 !important;
    letter-spacing: .23em !important;
    line-height: 1.05 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .site-nav__brand .brand-main {
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: -.065em !important;
    line-height: .9 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .site-nav__desktop {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 14px !important;
  }

  .site-nav__links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 2px !important;
    margin: 0 auto !important;
    padding: 2px 0 !important;
    list-style: none !important;
  }

  .site-nav__links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  .site-nav__links a:hover,
  .site-nav__links a.is-current,
  .site-nav__links a[aria-current="page"] {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
  }

  .site-nav__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    gap: 7px !important;
    min-width: 0 !important;
  }

  .site-nav__credits,
  .site-nav__member-trigger {
    background: rgba(13,13,13,.82) !important;
    border: 1px solid var(--v75-line) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .site-nav__credits {
    min-height: 31px !important;
    height: 31px !important;
    border-radius: 8px !important;
    padding: 0 9px !important;
    gap: 6px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  .site-nav__member-trigger {
    height: 39px !important;
    min-height: 39px !important;
    border-radius: 8px !important;
    padding: 4px 8px 4px 4px !important;
    gap: 7px !important;
  }

  .site-nav__member-avatar-wrap,
  .site-nav__member-avatar {
    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;
    border-radius: 8px !important;
    border: 0 !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.06) !important;
  }

  .site-nav__member-avatar {
    object-fit: cover !important;
  }

  .site-nav__member-copy {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .site-nav__member-name-row,
  .site-nav__member-sub {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  .site-nav__member-name {
    max-width: 110px !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
  }

  .site-nav__member-sub,
  .site-nav__member-handle {
    max-width: 160px !important;
    overflow: hidden !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
  }

  .site-nav__member-rank-label,
  .site-nav__member-pro {
    color: var(--v75-purple-2) !important;
  }

  .site-nav__member-credit-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    min-height: 14px !important;
    padding: 0 5px !important;
    border: 1px solid rgba(223,122,254,.34) !important;
    border-radius: 999px !important;
    background: rgba(129,74,200,.20) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 850 !important;
  }

  .site-nav__member-rank-badge {
    width: 14px !important;
    height: 14px !important;
    object-fit: contain !important;
  }

  .site-nav__member-chevron {
    width: 12px !important;
    height: 12px !important;
    color: rgba(255,255,255,.65) !important;
  }

  .site-nav__member-menu {
    top: calc(100% + 8px) !important;
    right: 0 !important;
    border: 1px solid var(--v75-line) !important;
    border-radius: 12px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
      rgba(10,10,12,.96) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.42) !important;
  }

  .site-nav__toggle {
    display: none !important;
  }

  .skip-link {
    display: none !important;
  }
}

@media (max-width: 809.98px) {
  .site-header {
    padding-block: 10px !important;
  }

  .site-nav__bar {
    min-height: 64px !important;
    border-radius: 20px !important;
    border-color: var(--v75-line) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)),
      rgba(8,8,10,.84) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.35) !important;
  }

  .site-nav__toggle {
    border-color: var(--v75-line) !important;
    background: rgba(255,255,255,.04) !important;
  }

  .brand-top { display: block !important; }
}

.container {
  width: min(100%, 1200px) !important;
  max-width: 1200px !important;
  margin-inline: auto !important;
}

main > .container,
.member-main > .container,
.admin-main > .container,
.page-gifts main > .container,
.page-services main > .container,
.official-matches-page main > .container {
  display: grid !important;
  gap: clamp(34px, 5vw, 74px) !important;
}

@media (min-width: 810px) {
  .page-member .member-linked-hero,
  .page-member .member-dashboard,
  .page-member .member-page-intro,
  .page-member-replies .member-replies-page__hero,
  .page-member-replies .member-replies-page__layout,
  .page-admin .admin-hero,
  .page-admin .admin-shell,
  .page-admin-validation .admin-validation-hero,
  .page-admin .admin-validation-layout,
  .page-gifts .gifts-hero,
  .page-gifts .gifts-toolbar,
  .page-services .services-hero,
  .official-matches-page .matches-filters-panel,
  .official-matches-page .matches-tabs {
    width: min(100%, 1040px) !important;
    margin-inline: auto !important;
  }

  .official-matches-page .matches-list,
  .page-gifts .gifts-grid,
  .page-services .services-grid {
    width: min(100%, 1040px) !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 809.98px) {
  .container {
    padding-inline: clamp(16px, 5vw, 24px) !important;
  }

  .surface,
  .hero,
  .member-linked-hero,
  .member-replies-page__section,
  .admin-panel,
  .official-match-card {
    border-radius: 28px !important;
  }
}

.gift-card {
  overflow: hidden !important;
  border-radius: 18px !important;
  padding: 10px !important;
}

.gift-card img,
.gift-card__image,
.gift-card__visual {
  border-radius: 14px !important;
  background: rgba(255,255,255,.045) !important;
}

.gifts-grid {
  gap: clamp(14px, 2vw, 18px) !important;
}

table {
  border-color: rgba(255,255,255,.10) !important;
}

thead th {
  color: rgba(255,255,255,.60) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

tbody tr {
  border-color: rgba(255,255,255,.08) !important;
}

.status-approved,
.status-success,
.badge-success,
.is-success,
.duel-accepted {
  color: #8ef7b4 !important;
  border-color: rgba(87,227,138,.35) !important;
  background: rgba(87,227,138,.12) !important;
}

.status-pending,
.badge-pending,
.is-pending {
  color: #ffe08a !important;
  border-color: rgba(255,224,138,.34) !important;
  background: rgba(255,224,138,.10) !important;
}

.status-rejected,
.badge-danger,
.is-danger {
  color: #ffc0c6 !important;
  border-color: rgba(255,109,122,.34) !important;
  background: rgba(255,109,122,.10) !important;
}

.site-footer {
  position: relative !important;
  z-index: 1 !important;
  margin-top: clamp(80px, 10vw, 160px) !important;
  padding: clamp(74px, 9vw, 120px) 0 34px !important;
  border-top: 1px solid var(--v75-line) !important;
  background:
    radial-gradient(50% 50% at 50% 0%, rgba(129,74,200,.30) 0%, rgba(129,74,200,.09) 28%, transparent 72%),
    #000 !important;
}

.site-footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(223,122,254,.32), transparent) !important;
}

.footer-shell {
  width: min(100%, 1200px) !important;
  margin-inline: auto !important;
  padding-inline: 40px !important;
}

.footer-main {
  display: grid !important;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr) !important;
  gap: clamp(60px, 8vw, 130px) !important;
  align-items: start !important;
  padding-block: 0 clamp(60px, 6vw, 92px) !important;
}

.footer-branding {
  display: grid !important;
  gap: 18px !important;
}

.footer-description {
  max-width: 390px !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.footer-link-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(24px, 4vw, 54px) !important;
}

.footer-link-grid > div {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
}

.footer-title {
  margin-bottom: 6px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.footer-link-grid a {
  width: fit-content !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  transition: color .18s ease, transform .18s ease !important;
}

.footer-link-grid a:hover {
  color: #fff !important;
  transform: translateX(3px) !important;
}

.footer-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  padding-top: 24px !important;
  color: rgba(255,255,255,.46) !important;
  font-size: 14px !important;
}

@media (max-width: 809.98px) {
  .site-footer {
    margin-top: 70px !important;
    padding-top: 58px !important;
  }

  .footer-shell {
    padding-inline: clamp(18px, 5vw, 24px) !important;
  }

  .footer-main,
  .footer-link-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .footer-meta {
    display: grid !important;
    justify-items: start !important;
  }
}

.admin-hero--micro,
.member-replies-page__hero,
.member-linked-hero,
.admin-validation-hero {
  overflow: hidden !important;
}

.admin-quick-metrics > div,
.member-replies-page__stat-card,
.member-page-intro__stat {
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.026)),
    rgba(255,255,255,.036) !important;
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  body::after {
    animation: none !important;
  }
}

:root {
  --tan-bg: #000000;
  --tan-panel: rgba(13, 13, 13, 0.82);
  --tan-panel-solid: rgb(13, 13, 13);
  --tan-panel-soft: rgba(255, 255, 255, 0.052);
  --tan-border: rgb(34, 34, 34);
  --tan-border-soft: rgba(255, 255, 255, 0.105);
  --tan-white: rgb(255, 255, 255);
  --tan-text: rgba(255, 255, 255, 0.92);
  --tan-muted: rgba(255, 255, 255, 0.75);
  --tan-muted-2: rgba(255, 255, 255, 0.50);
  --tan-purple: #814ac8;
  --tan-purple-2: #df7afe;
  --tan-radius-xs: 6px;
  --tan-radius-sm: 8px;
  --tan-radius-md: 12px;
  --tan-radius-lg: 16px;
  --tan-shadow-soft: 0 18px 60px rgba(0,0,0,.30);
  --tan-shadow-purple: 0 18px 72px rgba(129,74,200,.20);
  --tan-page-width: 1200px;
  --tan-content-width: 1000px;
  --tan-nav-height: 51px;
  --tan-pointer-x: 50vw;
  --tan-pointer-y: 20vh;
}

html {
  background: #000 !important;
  scrollbar-color: rgba(255,255,255,.28) #050505;
  scroll-padding-top: calc(var(--tan-nav-height) + 24px);
}

body {
  min-height: 100svh;
  background: #000 !important;
  color: var(--tan-text) !important;
  font-family: "Figtree", "Figtree Placeholder", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  isolation: isolate;
}

body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -4 !important;
  pointer-events: none !important;
  background:
    radial-gradient(760px 430px at 50% 9%, rgba(129,74,200,.24), transparent 70%),
    radial-gradient(540px 340px at var(--tan-pointer-x) var(--tan-pointer-y), rgba(223,122,254,.09), transparent 74%),
    linear-gradient(180deg, #000 0%, #030303 48%, #000 100%) !important;
}

body::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -3 !important;
  pointer-events: none !important;
  opacity: .30 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 92px 92px;
  background-position: center top;
  mask-image: linear-gradient(180deg, transparent 0%, #000 10%, #000 86%, transparent 100%);
  animation: tan-v76-grid-drift 34s linear infinite;
}

.tan-v76-particles {
  position: fixed;
  inset: 0;
  z-index: -2;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  opacity: .92;
}

.tan-v76-purple-trail {
  position: fixed;
  z-index: -3;
  left: 50%;
  top: 18%;
  width: min(920px, 70vw);
  height: min(560px, 52vw);
  border-radius: 999px;
  pointer-events: none;
  opacity: .58;
  filter: blur(58px);
  background:
    radial-gradient(closest-side at 38% 45%, rgba(223,122,254,.30), transparent 68%),
    radial-gradient(closest-side at 64% 50%, rgba(129,74,200,.24), transparent 72%),
    conic-gradient(from 210deg, transparent 0deg, rgba(223,122,254,.22) 72deg, rgba(129,74,200,.16) 130deg, transparent 220deg, transparent 360deg);
  transform: translate(-50%, -50%) rotate(0deg) scale(1);
  animation: tan-v76-trail-move 18s cubic-bezier(.45,0,.25,1) infinite alternate;
  will-change: transform, opacity;
}

@keyframes tan-v76-grid-drift {
  0% { background-position: center 0; }
  100% { background-position: center 92px; }
}

@keyframes tan-v76-trail-move {
  0% { transform: translate(-58%, -48%) rotate(-8deg) scale(.92); opacity: .44; }
  35% { transform: translate(-46%, -42%) rotate(48deg) scale(1.05); opacity: .68; }
  70% { transform: translate(-52%, -36%) rotate(132deg) scale(.98); opacity: .56; }
  100% { transform: translate(-43%, -52%) rotate(205deg) scale(1.08); opacity: .72; }
}

main {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

.container {
  width: min(100%, var(--tan-page-width)) !important;
  max-width: var(--tan-page-width) !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 3vw, 40px) !important;
}

main > .container,
.member-main > .container,
.admin-main > .container,
.page-gifts main > .container,
.page-services main > .container,
.official-matches-page main > .container,
.legal-main > .container {
  display: grid !important;
  gap: clamp(42px, 5vw, 82px) !important;
}

@media (min-width: 810px) {
  .site-header {
    position: relative !important;
    z-index: 100 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .site-header::before {
    content: "";
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 998;
    height: var(--tan-nav-height);
    border-bottom: 1px solid var(--tan-border);
    background: #000;
    pointer-events: none;
  }

  .site-header > .container {
    width: min(100%, var(--tan-page-width)) !important;
    max-width: var(--tan-page-width) !important;
    padding: calc(var(--tan-nav-height) + 56px) 40px 0 !important;
    display: grid !important;
    gap: clamp(30px, 5vw, 56px) !important;
  }

  .page-home .site-header > .container,
  .official-matches-page .site-header > .container {
    padding-top: var(--tan-nav-height) !important;
  }

  .site-nav {
    position: fixed !important;
    inset: 0 auto auto 50% !important;
    z-index: 1000 !important;
    width: min(100%, var(--tan-page-width)) !important;
    height: var(--tan-nav-height) !important;
    transform: translateX(-50%) !important;
    padding: 10px 40px !important;
    overflow: visible !important;
  }

  .site-nav__bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    min-height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
  }

  .site-nav__brand {
    gap: 4px !important;
  }

  .site-nav__brand .brand-mark {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
  }

  .site-nav__brand .brand-mark__tile {
    width: 14px !important;
    height: 14px !important;
    border-width: 4px !important;
    border-radius: 5px 2px 5px 2px !important;
  }

  .site-nav__brand .brand-mark__arrow {
    top: 7px !important;
    right: 7px !important;
    width: 8px !important;
    height: 8px !important;
    border-top-width: 2px !important;
    border-right-width: 2px !important;
  }

  .site-nav__brand .brand-mark__arrow::after {
    width: 10px !important;
    height: 2px !important;
  }

  .site-nav__brand .brand-wordmark {
    min-width: 92px !important;
    display: grid !important;
    gap: 0 !important;
    line-height: .88 !important;
  }

  .site-nav__brand .brand-top {
    display: block !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 7px !important;
    font-weight: 800 !important;
    letter-spacing: .24em !important;
    line-height: 1.05 !important;
    text-transform: uppercase !important;
  }

  .site-nav__brand .brand-main {
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: .92 !important;
    letter-spacing: -.058em !important;
  }

  .site-nav__desktop {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 12px !important;
  }

  .site-nav__links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 2px !important;
    margin: 0 auto !important;
    padding: 2px 0 !important;
  }

  .site-nav__links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 25px !important;
    height: 25px !important;
    border: 0 !important;
    border-radius: var(--tan-radius-sm) !important;
    padding: 0 9px !important;
    background: transparent !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  .site-nav__links a:hover,
  .site-nav__links a.is-current,
  .site-nav__links a[aria-current="page"] {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
  }

  .site-nav__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  .site-nav__credits,
  .site-nav__member-trigger {
    border: 1px solid var(--tan-border) !important;
    border-radius: var(--tan-radius-sm) !important;
    background: rgba(13,13,13,.86) !important;
    color: #fff !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .site-nav__credits {
    height: 31px !important;
    min-height: 31px !important;
    gap: 6px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
  }

  .site-nav__member-trigger {
    height: 39px !important;
    min-height: 39px !important;
    gap: 7px !important;
    padding: 4px 8px 4px 4px !important;
    outline: none !important;
  }

  .site-nav__credits:hover,
  .site-nav__member-trigger:hover {
    border-color: rgba(255,255,255,.18) !important;
    background: rgba(255,255,255,.06) !important;
  }

  .site-nav__member-avatar-wrap,
  .site-nav__member-avatar {
    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;
    border: 0 !important;
    border-radius: var(--tan-radius-sm) !important;
    background: rgba(255,255,255,.055) !important;
    overflow: hidden !important;
  }

  .site-nav__member-name {
    max-width: 105px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
  }

  .site-nav__member-sub,
  .site-nav__member-handle {
    max-width: 150px !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
  }

  .site-nav__member-pro,
  .site-nav__member-rank-label {
    color: var(--tan-purple-2) !important;
  }

  .site-nav__member-credit-pill,
  .site-nav__link-badge {
    border: 1px solid rgba(223,122,254,.34) !important;
    border-radius: 999px !important;
    background: rgba(129,74,200,.20) !important;
    color: #fff !important;
  }

  .site-nav__member-credit-pill {
    min-height: 14px !important;
    padding: 0 5px !important;
    gap: 3px !important;
    font-size: 9px !important;
    font-weight: 850 !important;
  }

  .site-nav__toggle {
    display: none !important;
  }
}

@media (max-width: 809.98px) {
  .site-header {
    position: relative !important;
    z-index: 100 !important;
    padding-block: 10px !important;
  }

  .site-nav__bar {
    min-height: 64px !important;
    border: 1px solid var(--tan-border) !important;
    border-radius: 20px !important;
    background: rgba(13,13,13,.86) !important;
    box-shadow: none !important;
  }

  .site-nav__toggle,
  .site-nav__credits,
  .site-nav__member-trigger {
    border: 1px solid var(--tan-border) !important;
    background: rgba(13,13,13,.88) !important;
  }
}

.surface,
.surface-home,
.hero,
.legal-hero,
.legal-document,
.gifts-hero,
.gifts-toolbar,
.gifts-empty,
.gifts-meta-card,
.gift-card,
.offer-card,
.service-card,
.service-quote-modal__dialog,
.matches-tabs,
.matches-filters-panel,
.matches-empty,
.matches-claim-target-card,
.matches-claim-modal__dialog,
.official-match-card,
.duel-inline,
.admin-hero,
.admin-panel,
.admin-compact-card,
.admin-match-card,
.admin-match-history-card,
.admin-validation-card,
.admin-validation-hero,
.admin-validation-layout,
.member-overview-panel,
.member-level-card,
.member-history-card,
.member-request-panel,
.member-review-panel,
.member-account-panel,
.member-linked-tiktok,
.member-linked-hero,
.member-history-item,
.member-page-intro,
.member-replies-page__hero,
.member-replies-page__section,
.member-replies-page__stat-card,
.tiktok-link-surface,
.contact-modal__dialog,
.info-card,
.glass-panel,
.glass-card,
.footer-shell {
  position: relative !important;
  border: 1px solid var(--tan-border) !important;
  border-radius: var(--tan-radius-md) !important;
  background:
    radial-gradient(560px 260px at 82% 0%, rgba(129,74,200,.12), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.026)),
    var(--tan-panel) !important;
  color: var(--tan-text) !important;
  box-shadow: var(--tan-shadow-soft) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.surface::after,
.hero::after,
.gifts-hero::after,
.gifts-toolbar::after,
.gift-card::after,
.offer-card::after,
.official-match-card::after,
.admin-hero::after,
.admin-panel::after,
.member-linked-hero::after,
.member-replies-page__hero::after,
.member-replies-page__section::after,
.tiktok-link-surface::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), transparent 38%) !important;
  opacity: .42 !important;
}

.surface,
.hero,
.legal-hero,
.gifts-hero,
.gifts-toolbar,
.admin-hero,
.admin-validation-hero,
.member-linked-hero,
.member-replies-page__hero,
.member-page-intro,
.tiktok-link-surface,
.contact-modal__dialog {
  padding: clamp(28px, 4.4vw, 58px) !important;
}

.gift-card,
.offer-card,
.service-card,
.official-match-card,
.admin-panel,
.admin-compact-card,
.admin-match-card,
.admin-match-history-card,
.admin-validation-card,
.member-history-card,
.member-request-panel,
.member-review-panel,
.member-account-panel,
.member-history-item,
.member-replies-page__section,
.info-card,
.glass-card {
  padding: clamp(16px, 2.4vw, 26px) !important;
}

.eyebrow,
.section-heading .eyebrow,
[class*="eyebrow"],
.admin-kicker,
.member-kicker,
.gifts-kicker,
.matches-kicker {
  color: var(--tan-purple-2) !important;
  font-family: "Figtree", system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

h1,
.hero h1,
.admin-hero h1,
.member-linked-hero__title,
.member-replies-page__hero h1,
.gifts-hero h1,
.legal-hero h1,
.tiktok-link-surface h1 {
  color: #fff !important;
  font-weight: 900 !important;
  line-height: .9 !important;
  letter-spacing: -.075em !important;
  text-wrap: balance;
}

h2,
.section-heading h2 {
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: -.06em !important;
}

.btn,
button.btn,
a.btn,
.button,
button[type="submit"],
input[type="submit"],
.form-submit,
.contact-modal__actions .btn-primary,
.service-quote-modal__actions .btn-primary,
.matches-claim-modal__actions .btn-primary {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 46px !important;
  border: 1px solid var(--tan-border) !important;
  border-radius: var(--tan-radius-sm) !important;
  background: var(--tan-panel) !important;
  color: #fff !important;
  box-shadow: none !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    background .18s ease !important;
}

.btn::before,
button.btn::before,
a.btn::before,
.button::before,
button[type="submit"]::before,
input[type="submit"]::before,
.form-submit::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  transform: translateY(104%) !important;
  background: linear-gradient(135deg, var(--tan-purple), var(--tan-purple-2)) !important;
  transition: transform .34s cubic-bezier(.22,1,.36,1) !important;
}

.btn:hover,
button.btn:hover,
a.btn:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.form-submit:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(223,122,254,.38) !important;
  box-shadow: var(--tan-shadow-purple) !important;
  color: #fff !important;
}

.btn:hover::before,
button.btn:hover::before,
a.btn:hover::before,
.button:hover::before,
button[type="submit"]:hover::before,
input[type="submit"]:hover::before,
.form-submit:hover::before {
  transform: translateY(0) !important;
}

.btn-primary,
button.btn-primary,
a.btn-primary,
button[type="submit"].btn-primary,
.contact-modal__actions .btn-primary,
.service-quote-modal__actions .btn-primary,
.matches-claim-modal__actions .btn-primary {
  border-color: rgba(223,122,254,.34) !important;
  background: linear-gradient(135deg, var(--tan-purple), var(--tan-purple-2)) !important;
  box-shadow: 0 16px 54px rgba(129,74,200,.28) !important;
}

.btn-primary::before,
button.btn-primary::before,
a.btn-primary::before {
  background: linear-gradient(180deg, #fff, rgba(255,255,255,.78)) !important;
}

.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
  color: #050505 !important;
}

input,
select,
textarea,
.field-control,
.field-textarea,
.custom-select,
.custom-select__trigger,
.matches-filter-input,
.gifts-search,
.gifts-select,
.admin-input,
.member-input {
  border: 1px solid var(--tan-border) !important;
  border-radius: var(--tan-radius-sm) !important;
  background: rgba(13,13,13,.82) !important;
  color: #fff !important;
  box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus,
.field-control:focus,
.field-textarea:focus,
.custom-select__trigger:focus,
.matches-filter-input:focus {
  border-color: rgba(223,122,254,.44) !important;
  box-shadow: 0 0 0 4px rgba(129,74,200,.14) !important;
  outline: none !important;
}

.badge,
.pill,
.tag,
.status-pill,
.matches-tab,
.duel-tag,
.member-chip,
.admin-chip,
.gifts-count-pill,
.member-page-intro__stat,
.admin-quick-metrics > div {
  border: 1px solid var(--tan-border) !important;
  border-radius: var(--tan-radius-sm) !important;
  background: rgba(13,13,13,.82) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.matches-tab.is-active,
.badge-purple,
.pill-purple,
.tag-purple {
  border-color: rgba(223,122,254,.34) !important;
  background: linear-gradient(135deg, rgba(129,74,200,.72), rgba(223,122,254,.70)) !important;
}

.table-wrap,
.table-scroll,
.member-history-table-wrap,
.admin-history-table-wrap {
  border: 1px solid var(--tan-border) !important;
  border-radius: var(--tan-radius-md) !important;
  background: rgba(13,13,13,.70) !important;
  overflow: auto !important;
}

table {
  border-collapse: collapse !important;
  color: var(--tan-text) !important;
}

thead th {
  background: rgba(255,255,255,.035) !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

tbody tr {
  border-top: 1px solid rgba(255,255,255,.075) !important;
}

tbody tr:hover {
  background: rgba(255,255,255,.035) !important;
}

@media (min-width: 810px) {
  .page-member .member-linked-hero,
  .page-member .member-dashboard,
  .page-member .member-page-intro,
  .page-member-replies .member-replies-page__hero,
  .page-member-replies .member-replies-page__layout,
  .page-admin .admin-hero,
  .page-admin .admin-shell,
  .page-admin-validation .admin-validation-hero,
  .page-admin .admin-validation-layout,
  .page-gifts .gifts-hero,
  .page-gifts .gifts-toolbar,
  .page-services .services-hero,
  .page-services .services-grid,
  .official-matches-page .matches-filters-panel,
  .official-matches-page .matches-tabs,
  .official-matches-page .matches-list {
    width: min(100%, var(--tan-content-width)) !important;
    margin-inline: auto !important;
  }

  .gifts-grid {
    width: min(100%, var(--tan-content-width)) !important;
    margin-inline: auto !important;
    gap: 14px !important;
  }
}

.site-footer {
  position: relative !important;
  z-index: 1 !important;
  margin-top: clamp(90px, 10vw, 160px) !important;
  padding: clamp(78px, 9vw, 120px) 0 34px !important;
  border-top: 2px solid var(--tan-border) !important;
  background:
    radial-gradient(50% 50% at 50% 3.4%, rgba(129,74,200,.30) 0%, rgba(171,171,171,0) 100%),
    #000 !important;
  box-shadow: none !important;
}

.site-footer .footer-shell {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.footer-main {
  display: grid !important;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr) !important;
  gap: clamp(60px, 8vw, 130px) !important;
  align-items: start !important;
  padding-bottom: clamp(58px, 6vw, 90px) !important;
}

.footer-link-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(28px, 4vw, 58px) !important;
}

.footer-link-grid > div {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
}

.footer-title {
  margin-bottom: 4px !important;
  color: #fff !important;
  font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

.footer-link-grid a {
  width: fit-content !important;
  color: rgba(255,255,255,.64) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  transition: color .18s ease, transform .18s ease !important;
}

.footer-link-grid a:hover {
  color: #fff !important;
  transform: translateX(3px) !important;
}

.footer-meta {
  border-top: 1px solid rgba(255,255,255,.08) !important;
  padding-top: 24px !important;
  color: rgba(255,255,255,.48) !important;
}

@media (max-width: 809.98px) {
  .tan-v76-purple-trail {
    width: 110vw;
    height: 70vh;
    filter: blur(52px);
  }

  .container {
    padding-inline: clamp(18px, 5vw, 24px) !important;
  }

  .surface,
  .hero,
  .member-linked-hero,
  .member-replies-page__section,
  .admin-panel,
  .official-match-card,
  .gifts-hero,
  .gifts-toolbar {
    border-radius: 20px !important;
  }

  .footer-main,
  .footer-link-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::after,
  .tan-v76-purple-trail {
    animation: none !important;
  }
}

:root {
  --tan-fast-panel:
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.026)),
    rgba(13,13,13,.82);
  --tan-home-block-bg:
    radial-gradient(520px 240px at 82% 0%, rgba(129,74,200,.13), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.026)),
    rgba(13,13,13,.82);
}

.hero-framer__stars {
  display: none !important;
}

body::after {
  opacity: .18 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
  background-size: 96px 96px !important;
}

.tan-v76-particles {
  z-index: -2 !important;
  opacity: .72 !important;
  contain: strict;
}

.tan-v76-purple-trail {
  top: 0 !important;
  left: 50% !important;
  width: min(760px, 86vw) !important;
  height: min(280px, 34vh) !important;
  border-radius: 999px !important;
  opacity: .50 !important;
  filter: blur(48px) !important;
  background:
    radial-gradient(closest-side at 50% 28%, rgba(223,122,254,.34), transparent 66%),
    radial-gradient(closest-side at 58% 52%, rgba(129,74,200,.22), transparent 74%) !important;
  transform: translate(-50%, -38%) scale(1) !important;
  animation: tan-v77-top-trail 14s ease-in-out infinite alternate !important;
  will-change: transform, opacity;
}

@keyframes tan-v77-top-trail {
  0% { transform: translate(-58%, -42%) scale(.92); opacity: .36; }
  33% { transform: translate(-48%, -33%) scale(1.05); opacity: .56; }
  66% { transform: translate(-43%, -46%) scale(.98); opacity: .44; }
  100% { transform: translate(-52%, -30%) scale(1.08); opacity: .58; }
}

.official-matches-page .matches-tabs,
.official-matches-page .matches-filters-panel,
.official-matches-page .official-match-card,
.official-matches-page .matches-empty,
.official-matches-page .matches-claim-target-card,
.official-matches-page .matches-claim-modal__dialog,
.page-matches .matches-tabs,
.page-matches .matches-filters-panel,
.page-matches .official-match-card,
.page-matches .matches-empty,
.page-matches .matches-claim-target-card,
.page-matches .matches-claim-modal__dialog {
  border: 1px solid var(--tan-border) !important;
  border-radius: var(--tan-radius-md) !important;
  background: var(--tan-home-block-bg) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden !important;
}

.official-matches-page .matches-tabs,
.page-matches .matches-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.official-matches-page .matches-tab,
.page-matches .matches-tab {
  min-height: 54px !important;
  border: 1px solid var(--tan-border) !important;
  border-radius: var(--tan-radius-sm) !important;
  padding: 0 14px !important;
  background: var(--tan-fast-panel) !important;
  color: #fff !important;
  box-shadow: none !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
}

.official-matches-page .matches-tab.is-active,
.page-matches .matches-tab.is-active {
  border-color: rgba(223,122,254,.40) !important;
  background: linear-gradient(135deg, rgba(129,74,200,.82), rgba(223,122,254,.78)) !important;
}

.official-matches-page .matches-tab:hover,
.page-matches .matches-tab:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(223,122,254,.34) !important;
}

.official-matches-page .matches-tab__count,
.page-matches .matches-tab__count {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(0,0,0,.28) !important;
}

.official-matches-page .matches-filters-panel,
.page-matches .matches-filters-panel {
  padding: clamp(18px, 3vw, 28px) !important;
  gap: 14px !important;
}

.official-matches-page .matches-toolbar,
.page-matches .matches-toolbar {
  gap: 14px !important;
}

.official-matches-page .matches-search,
.official-matches-page .matches-filter__trigger,
.official-matches-page .matches-filter__date-wrap,
.official-matches-page .matches-filter__value,
.page-matches .matches-search,
.page-matches .matches-filter__trigger,
.page-matches .matches-filter__date-wrap,
.page-matches .matches-filter__value {
  border: 1px solid var(--tan-border) !important;
  border-radius: var(--tan-radius-sm) !important;
  background: rgba(13,13,13,.82) !important;
  color: #fff !important;
  box-shadow: none !important;
  min-height: 48px !important;
}

.official-matches-page .matches-filter__trigger:hover,
.page-matches .matches-filter__trigger:hover {
  border-color: rgba(223,122,254,.30) !important;
  background: rgba(255,255,255,.055) !important;
}

.official-matches-page .official-match-card,
.page-matches .official-match-card {
  padding: clamp(16px, 2.8vw, 24px) !important;
}

.official-matches-page .official-match-card__header,
.page-matches .official-match-card__header {
  gap: 8px !important;
}

.official-matches-page .duel-inline,
.page-matches .duel-inline {
  border: 1px solid var(--tan-border) !important;
  border-radius: var(--tan-radius-md) !important;
  background: rgba(255,255,255,.026) !important;
  padding: 10px !important;
  box-shadow: none !important;
}

.official-matches-page .duel-inline__side,
.page-matches .duel-inline__side {
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: var(--tan-radius-sm) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    rgba(13,13,13,.60) !important;
}

.official-matches-page .official-match-card__avatar,
.official-matches-page .duel-inline__avatar,
.page-matches .official-match-card__avatar,
.page-matches .duel-inline__avatar {
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.feature-card,
.floating-link,
.stat-card,
.review-card,
.official-match-card,
.gift-card,
.offer-card,
.service-card,
.member-linked-hero,
.member-replies-page__section,
.admin-panel,
.admin-hero {
  background: var(--tan-home-block-bg) !important;
}

.gift-card,
.official-match-card,
.duel-inline,
.matches-tab,
.matches-filters-panel,
.member-history-card,
.member-replies-page__section,
.admin-panel,
.admin-compact-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 809.98px) {
  .tan-v76-purple-trail {
    top: 0 !important;
    height: 230px !important;
    width: 115vw !important;
    filter: blur(42px) !important;
  }

  .official-matches-page .matches-tabs,
  .page-matches .matches-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .official-matches-page .matches-tab,
  .page-matches .matches-tab {
    min-height: 76px !important;
    padding-inline: 16px !important;
    font-size: clamp(18px, 5vw, 25px) !important;
  }

  .official-matches-page .matches-filters-panel,
  .page-matches .matches-filters-panel {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .official-matches-page .matches-search,
  .official-matches-page .matches-filter__trigger,
  .official-matches-page .matches-filter__date-wrap,
  .official-matches-page .matches-filter__value,
  .page-matches .matches-search,
  .page-matches .matches-filter__trigger,
  .page-matches .matches-filter__date-wrap,
  .page-matches .matches-filter__value {
    min-height: 62px !important;
    border-radius: 18px !important;
    padding-inline: 18px !important;
  }

  .official-matches-page .official-match-card,
  .page-matches .official-match-card {
    border-radius: 22px !important;
    padding: 16px !important;
  }

  .official-matches-page .duel-inline,
  .page-matches .duel-inline {
    border-radius: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tan-v76-purple-trail {
    animation: none !important;
  }
}

:root {
  --tan-block-bg:
    radial-gradient(520px 240px at 82% 0%, rgba(129,74,200,.12), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.064), rgba(255,255,255,.026)),
    rgba(13,13,13,.84);
  --tan-field-bg:
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.018)),
    rgba(8,8,10,.86);
}

body::before {
  background:
    radial-gradient(720px 300px at 50% 0%, rgba(129,74,200,.25), transparent 74%),
    radial-gradient(540px 220px at 50% 7%, rgba(223,122,254,.09), transparent 78%),
    #000 !important;
}

body::after {
  opacity: .12 !important;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.65) 32%, transparent 78%) !important;
}

.hero-framer__stars,
.official-match-card__premium-particles,
[class*="stars"] {
  display: none !important;
}

.tan-v76-purple-trail {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  width: min(820px, 92vw) !important;
  height: 240px !important;
  border-radius: 999px !important;
  opacity: .42 !important;
  filter: blur(44px) !important;
  background:
    radial-gradient(closest-side at 48% 18%, rgba(223,122,254,.34), transparent 70%),
    radial-gradient(closest-side at 58% 52%, rgba(129,74,200,.18), transparent 78%) !important;
  transform: translate(-50%, -48%) !important;
  animation: tan-v78-top-glow 16s ease-in-out infinite alternate !important;
}

@keyframes tan-v78-top-glow {
  0% { transform: translate(-60%, -52%) scale(.96); opacity: .32; }
  40% { transform: translate(-48%, -42%) scale(1.06); opacity: .48; }
  70% { transform: translate(-42%, -56%) scale(.98); opacity: .38; }
  100% { transform: translate(-54%, -38%) scale(1.08); opacity: .52; }
}

.surface,
.surface-home,
.hero,
.legal-hero,
.legal-document,
.gifts-hero,
.gifts-toolbar,
.gifts-empty,
.gifts-meta-card,
.gift-card,
.offer-card,
.service-card,
.service-quote-modal__dialog,
.matches-tabs,
.matches-filters-panel,
.matches-empty,
.matches-claim-target-card,
.matches-claim-modal__dialog,
.official-match-card,
.duel-inline,
.admin-hero,
.admin-panel,
.admin-compact-card,
.admin-match-card,
.admin-match-history-card,
.admin-validation-card,
.admin-validation-hero,
.admin-validation-layout,
.member-overview-panel,
.member-level-card,
.member-history-card,
.member-request-panel,
.member-review-panel,
.member-account-panel,
.member-linked-tiktok,
.member-linked-hero,
.member-history-item,
.member-page-intro,
.member-replies-page__hero,
.member-replies-page__section,
.member-replies-page__stat-card,
.tiktok-link-surface,
.contact-modal__dialog,
.member-request-modal__dialog,
.info-card,
.glass-panel,
.glass-card,
.feature-card,
.stat-card,
.review-card {
  border: 1px solid var(--tan-border, #222) !important;
  border-radius: 22px !important;
  background: var(--tan-block-bg) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

input,
textarea,
select,
.field-control,
.field-textarea,
.custom-select__trigger,
.gifts-select,
.gifts-search,
.matches-search,
.matches-search-field__input-wrap,
.matches-filter__trigger,
.matches-filter__date-wrap,
.matches-filter__value,
.matches-filter__date-input,
.member-input,
.admin-input {
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  background: var(--tan-field-bg) !important;
  color: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page-matches .matches-tabs,
body.official-matches-page .matches-tabs {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  overflow: visible !important;
}

body.page-matches .matches-tab,
body.official-matches-page .matches-tab {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 58px !important;
  border: 1px solid var(--tan-border, #222) !important;
  border-radius: 18px !important;
  padding: 0 16px !important;
  background: var(--tan-block-bg) !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

body.page-matches .matches-tab.is-active,
body.official-matches-page .matches-tab.is-active {
  border-color: rgba(223,122,254,.38) !important;
  background: linear-gradient(135deg, #814ac8, #df7afe) !important;
}

body.page-matches .matches-filters-panel,
body.official-matches-page .matches-filters-panel {
  display: grid !important;
  gap: 16px !important;
  padding: clamp(18px, 3vw, 26px) !important;
  overflow: visible !important;
}

body.page-matches .matches-filters-grid,
body.official-matches-page .matches-filters-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: start !important;
}

body.page-matches .matches-filter,
body.official-matches-page .matches-filter {
  position: relative !important;
  min-width: 0 !important;
}

body.page-matches .matches-filter__trigger,
body.official-matches-page .matches-filter__trigger,
body.page-matches .matches-filter__date-wrap,
body.official-matches-page .matches-filter__date-wrap {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  min-height: 56px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 0 16px !important;
  cursor: pointer !important;
}

body.page-matches .matches-filter__value,
body.official-matches-page .matches-filter__value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.page-matches .matches-filter__value span,
body.official-matches-page .matches-filter__value span,
body.page-matches .matches-filter__date-placeholder,
body.official-matches-page .matches-filter__date-placeholder {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.page-matches .matches-filter__chevron,
body.official-matches-page .matches-filter__chevron {
  flex: 0 0 auto !important;
  color: var(--tan-purple-2, #df7afe) !important;
  transition: transform .18s ease !important;
}

body.page-matches .matches-filter.is-open .matches-filter__chevron,
body.official-matches-page .matches-filter.is-open .matches-filter__chevron {
  transform: rotate(180deg) !important;
}

body.page-matches .matches-filter__menu,
body.official-matches-page .matches-filter__menu,
.gifts-custom-select__menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 80 !important;
  display: grid !important;
  gap: 4px !important;
  width: max-content !important;
  min-width: min(260px, calc(100vw - 44px)) !important;
  max-width: min(360px, calc(100vw - 44px)) !important;
  max-height: min(330px, 52vh) !important;
  overflow: auto !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 18px !important;
  padding: 6px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.028)),
    rgba(13,13,13,.98) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.42) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page-matches .matches-filter__menu[hidden],
body.official-matches-page .matches-filter__menu[hidden],
.gifts-custom-select__menu[hidden] {
  display: none !important;
}

body.page-matches .matches-filter__option,
body.official-matches-page .matches-filter__option,
.gifts-custom-select__option {
  display: flex !important;
  width: 100% !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 13px !important;
  padding: 0 12px !important;
  background: transparent !important;
  color: rgba(255,255,255,.76) !important;
  font-weight: 850 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

body.page-matches .matches-filter__option:hover,
body.page-matches .matches-filter__option.is-selected,
body.official-matches-page .matches-filter__option:hover,
body.official-matches-page .matches-filter__option.is-selected,
.gifts-custom-select__option:hover,
.gifts-custom-select__option.is-selected {
  background: rgba(129,74,200,.24) !important;
  color: #fff !important;
}

body.page-matches .matches-filter__option.is-selected::after,
body.official-matches-page .matches-filter__option.is-selected::after,
.gifts-custom-select__option.is-selected::after {
  content: "✓" !important;
  color: var(--tan-purple-2, #df7afe) !important;
  font-weight: 950 !important;
}

body.page-matches .matches-active-filters,
body.official-matches-page .matches-active-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.page-matches .matches-active-filter,
body.official-matches-page .matches-active-filter {
  min-height: 34px !important;
  border: 1px solid rgba(223,122,254,.24) !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  background: rgba(129,74,200,.18) !important;
  color: #fff !important;
  font-weight: 850 !important;
}

body.page-matches .official-match-card,
body.official-matches-page .official-match-card {
  display: grid !important;
  gap: 14px !important;
  padding: clamp(16px, 2.5vw, 24px) !important;
  border-radius: 22px !important;
  background: var(--tan-block-bg) !important;
}

body.page-matches .official-match-card::before,
body.official-matches-page .official-match-card::before,
body.page-matches .official-match-card::after,
body.official-matches-page .official-match-card::after {
  display: none !important;
}

body.page-matches .duel-inline,
body.official-matches-page .duel-inline {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
  padding: 10px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.026) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

body.page-matches .duel-inline__side,
body.official-matches-page .duel-inline__side {
  min-width: 0 !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.030) !important;
}

body.page-matches .matches-empty,
body.official-matches-page .matches-empty {
  min-height: 230px !important;
  border-radius: 22px !important;
  background: var(--tan-block-bg) !important;
  box-shadow: none !important;
}

.contact-modal,
.service-quote-modal,
.member-request-modal,
.matches-claim-modal,
.tiktok-link-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2000 !important;
  display: grid !important;
  place-items: center !important;
  padding: max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom)) !important;
}

.contact-modal[hidden],
.service-quote-modal[hidden],
.member-request-modal[hidden],
.matches-claim-modal[hidden],
.tiktok-link-modal[hidden] {
  display: none !important;
}

.contact-modal__overlay,
.service-quote-modal__overlay,
.member-request-modal__overlay,
.matches-claim-modal__overlay {
  position: absolute !important;
  inset: 0 !important;
  border: 0 !important;
  background: rgba(0,0,0,.72) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

.contact-modal__dialog,
.service-quote-modal__dialog,
.member-request-modal__dialog,
.matches-claim-modal__dialog,
.tiktok-link-surface {
  position: relative !important;
  z-index: 1 !important;
  width: min(760px, calc(100vw - 28px)) !important;
  max-height: min(88vh, 900px) !important;
  overflow: auto !important;
  border-radius: 24px !important;
  padding: clamp(22px, 4.4vw, 46px) !important;
  background: var(--tan-block-bg) !important;
  box-shadow: 0 28px 82px rgba(0,0,0,.54) !important;
}

@media (max-width: 809.98px) {
  body.page-matches .matches-tabs,
  body.official-matches-page .matches-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-matches .matches-filters-grid,
  body.official-matches-page .matches-filters-grid {
    grid-template-columns: 1fr !important;
  }

  body.page-matches .matches-filter__trigger,
  body.official-matches-page .matches-filter__trigger,
  body.page-matches .matches-filter__date-wrap,
  body.official-matches-page .matches-filter__date-wrap {
    min-height: 66px !important;
    border-radius: 18px !important;
  }

  body.page-matches .matches-filter__menu,
  body.official-matches-page .matches-filter__menu,
  .gifts-custom-select__menu {
    position: fixed !important;
    left: 18px !important;
    right: 18px !important;
    top: auto !important;
    bottom: calc(18px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: min(56vh, 420px) !important;
    z-index: 2100 !important;
    border-radius: 22px !important;
    padding: 10px !important;
  }

  body.page-matches .matches-filter__option,
  body.official-matches-page .matches-filter__option,
  .gifts-custom-select__option {
    min-height: 52px !important;
    border-radius: 16px !important;
    font-size: 16px !important;
  }

  body.page-matches .duel-inline,
  body.official-matches-page .duel-inline {
    grid-template-columns: 1fr !important;
  }

  body.page-matches .duel-inline__vs-wrap,
  body.official-matches-page .duel-inline__vs-wrap {
    margin-block: -4px !important;
  }

  .contact-modal__dialog,
  .service-quote-modal__dialog,
  .member-request-modal__dialog,
  .matches-claim-modal__dialog,
  .tiktok-link-surface {
    width: min(100%, calc(100vw - 24px)) !important;
    max-height: min(88vh, 820px) !important;
    border-radius: 22px !important;
  }
}

.official-match-card,
.gift-card,
.matches-filters-panel,
.matches-empty,
.duel-inline,
.member-history-card,
.member-replies-page__section,
.admin-panel {
  contain: content;
}

@media (prefers-reduced-motion: reduce) {
  .tan-v76-purple-trail,
  body::after {
    animation: none !important;
  }
}

:root {
  --tan-radius-button: 18px;
  --tan-radius-control: 20px;
  --tan-radius-card: 28px;
  --tan-radius-card-mobile: 26px;
  --tan-modal-gap: 24px;
}

.surface,
.surface-home,
.hero,
.legal-hero,
.legal-document,
.gifts-hero,
.gifts-toolbar,
.gifts-empty,
.gifts-meta-card,
.gift-card,
.offer-card,
.service-card,
.matches-tabs,
.matches-filters-panel,
.matches-empty,
.matches-claim-target-card,
.official-match-card,
.duel-inline,
.admin-hero,
.admin-panel,
.admin-compact-card,
.admin-match-card,
.admin-match-history-card,
.admin-validation-card,
.admin-validation-hero,
.admin-validation-layout,
.member-overview-panel,
.member-level-card,
.member-history-card,
.member-request-panel,
.member-review-panel,
.member-account-panel,
.member-linked-tiktok,
.member-linked-hero,
.member-history-item,
.member-page-intro,
.member-replies-page__hero,
.member-replies-page__section,
.member-replies-page__stat-card,
.tiktok-link-surface,
.info-card,
.glass-panel,
.glass-card,
.feature-card,
.stat-card,
.review-card,
.footer-shell {
  border-radius: var(--tan-radius-card) !important;
}

.btn,
button.btn,
a.btn,
.button,
button[type="submit"],
input[type="submit"],
.form-submit,
.matches-tab,
.matches-filters-panel__reset,
.matches-empty__reset,
.official-match-card__profile-btn,
.official-match-card__action,
.member-linked-hero__action,
.member-action,
.member-request-form__actions button,
.contact-modal__actions button,
.service-quote-modal__actions button,
.matches-claim-form__actions button,
.gift-card__download,
.gifts-custom-select__trigger {
  border-radius: var(--tan-radius-button) !important;
}

input,
textarea,
select,
.field-control,
.field-textarea,
.custom-select__trigger,
.gifts-select,
.gifts-search,
.matches-search,
.matches-search-field__input-wrap,
.matches-filter__trigger,
.matches-filter__date-wrap,
.matches-filter__date-input,
.member-input,
.admin-input,
.matches-claim-form__field,
.tiktok-search-field,
.tiktok-search-field__input,
.contact-modal input,
.contact-modal textarea,
.service-quote-modal input,
.service-quote-modal textarea,
.member-request-modal input,
.member-request-modal textarea {
  border-radius: var(--tan-radius-control) !important;
}

.matches-filters-panel,
.matches-filters-grid,
.matches-filter,
.gifts-toolbar,
.gifts-custom-select,
.member-request-form,
.contact-modal__form,
.service-quote-modal__form {
  overflow: visible !important;
}

body.page-matches .matches-filter__menu,
body.official-matches-page .matches-filter__menu,
.gifts-custom-select__menu,
.custom-select__menu {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 3200 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: min(420px, calc(100vw - 36px)) !important;
  max-height: min(330px, 48vh) !important;
  overflow: auto !important;
  border-radius: var(--tan-radius-control) !important;
  padding: 8px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(13,13,13,.98) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.50) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page-matches .matches-filter__menu[hidden],
body.official-matches-page .matches-filter__menu[hidden],
.gifts-custom-select__menu[hidden],
.custom-select__menu[hidden] {
  display: none !important;
}

body.page-matches .matches-filter__option,
body.official-matches-page .matches-filter__option,
.gifts-custom-select__option,
.custom-select__option {
  min-height: 46px !important;
  border-radius: 14px !important;
  padding-inline: 14px !important;
}

.contact-modal,
.service-quote-modal,
.member-request-modal,
.matches-claim-modal,
.tiktok-link-modal {
  align-items: center !important;
  justify-items: center !important;
  padding:
    max(var(--tan-modal-gap), env(safe-area-inset-top))
    18px
    max(var(--tan-modal-gap), env(safe-area-inset-bottom)) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}

.contact-modal__dialog,
.service-quote-modal__dialog,
.member-request-modal__dialog,
.matches-claim-modal__dialog,
.tiktok-link-surface {
  width: min(760px, calc(100vw - 36px)) !important;
  max-height: calc(100dvh - (var(--tan-modal-gap) * 2)) !important;
  margin-block: var(--tan-modal-gap) !important;
  border-radius: var(--tan-radius-card) !important;
}

@media (max-width: 809.98px) {
  :root {
    --tan-modal-gap: 18px;
  }

  .surface,
  .surface-home,
  .hero,
  .legal-hero,
  .legal-document,
  .gifts-hero,
  .gifts-toolbar,
  .gifts-empty,
  .gifts-meta-card,
  .gift-card,
  .offer-card,
  .service-card,
  .matches-tabs,
  .matches-filters-panel,
  .matches-empty,
  .matches-claim-target-card,
  .official-match-card,
  .duel-inline,
  .admin-hero,
  .admin-panel,
  .admin-compact-card,
  .admin-match-card,
  .admin-match-history-card,
  .admin-validation-card,
  .admin-validation-hero,
  .admin-validation-layout,
  .member-overview-panel,
  .member-level-card,
  .member-history-card,
  .member-request-panel,
  .member-review-panel,
  .member-account-panel,
  .member-linked-tiktok,
  .member-linked-hero,
  .member-history-item,
  .member-page-intro,
  .member-replies-page__hero,
  .member-replies-page__section,
  .member-replies-page__stat-card,
  .tiktok-link-surface,
  .info-card,
  .glass-panel,
  .glass-card,
  .feature-card,
  .stat-card,
  .review-card {
    border-radius: var(--tan-radius-card-mobile) !important;
  }

  body.page-matches .matches-filter__menu,
  body.official-matches-page .matches-filter__menu,
  .gifts-custom-select__menu,
  .custom-select__menu {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    max-height: min(310px, 42vh) !important;
    z-index: 3200 !important;
  }

  body.page-matches .matches-filter,
  body.official-matches-page .matches-filter,
  .gifts-custom-select,
  .custom-select {
    position: relative !important;
    z-index: auto;
  }

  body.page-matches .matches-filter.is-open,
  body.official-matches-page .matches-filter.is-open,
  .gifts-custom-select.is-open,
  .custom-select.is-open {
    z-index: 3300 !important;
  }

  .contact-modal__dialog,
  .service-quote-modal__dialog,
  .member-request-modal__dialog,
  .matches-claim-modal__dialog,
  .tiktok-link-surface {
    width: min(100%, calc(100vw - 28px)) !important;
    max-height: calc(100dvh - 36px) !important;
    margin-block: 18px !important;
    border-radius: var(--tan-radius-card-mobile) !important;
  }
}

@media (max-width: 390px) {
  .contact-modal,
  .service-quote-modal,
  .member-request-modal,
  .matches-claim-modal,
  .tiktok-link-modal {
    padding-inline: 14px !important;
  }

  .contact-modal__dialog,
  .service-quote-modal__dialog,
  .member-request-modal__dialog,
  .matches-claim-modal__dialog,
  .tiktok-link-surface {
    width: min(100%, calc(100vw - 28px)) !important;
  }
}

:root {
  
  --tan-black: #000000;
  --tan-purple: #814ac8;
  --tan-purple-2: #df7afe;
  --tan-surface: #0d0d0dcc;
  --tan-white: #ffffff;
  --tan-white-soft: #ffffffe6;
  --tan-muted: #cccccc;
  --tan-border: #222222;
  --tan-border-soft: #ffffff1a;
  --tan-overlay: #ffffff0d;

  
  --tan-radius-card: 8px;
  --tan-radius-panel: 8px;
  --tan-radius-control: 8px;
  --tan-radius-button: 6px;
  --tan-radius-pill: 4px;
  --tan-radius-tiny: 3px;

  --tan-framer-surface: var(--tan-surface);
  --tan-framer-border: 1px solid var(--tan-border);
  --tan-framer-active: var(--tan-purple);
}

html,
body {
  background: var(--tan-black) !important;
  color: var(--tan-white) !important;
}

body * {
  --tan-radius-xs: 3px;
  --tan-radius-sm: 6px;
  --tan-radius-md: 8px;
  --tan-radius-lg: 8px;
  --tan-radius-xl: 8px;
}

body :is(
  .site-header__inner,
  .mobile-nav__panel,
  .surface,
  .surface-home,
  .hero,
  .legal-hero,
  .legal-document,
  .gifts-hero,
  .gifts-toolbar,
  .gifts-empty,
  .gifts-meta-card,
  .gift-card,
  .offer-card,
  .service-card,
  .matches-filters-panel,
  .matches-empty,
  .matches-claim-target-card,
  .official-match-card,
  .duel-inline,
  .admin-hero,
  .admin-panel,
  .admin-compact-card,
  .admin-match-card,
  .admin-match-history-card,
  .admin-validation-card,
  .admin-validation-hero,
  .admin-validation-layout,
  .member-overview-panel,
  .member-level-card,
  .member-history-card,
  .member-request-panel,
  .member-review-panel,
  .member-account-panel,
  .member-linked-tiktok,
  .member-linked-hero,
  .member-history-item,
  .member-page-intro,
  .member-replies-page__hero,
  .member-replies-page__section,
  .member-replies-page__stat-card,
  .tiktok-link-surface,
  .contact-modal__dialog,
  .member-request-modal__dialog,
  .service-quote-modal__dialog,
  .matches-claim-modal__dialog,
  .info-card,
  .glass-panel,
  .glass-card,
  .feature-card,
  .stat-card,
  .review-card,
  .footer-shell
) {
  border: var(--tan-framer-border) !important;
  border-radius: var(--tan-radius-card) !important;
  background-color: var(--tan-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: hidden;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body :is(
  .matches-tabs,
  .matches-tab,
  .duel-inline__side,
  .member-history-table,
  .member-history-row,
  .admin-table,
  .admin-table-row,
  .replies-table,
  .review-card,
  .gift-card__image,
  .gift-card__thumb,
  .matches-active-filter,
  .badge,
  .tag,
  .pill
) {
  border-radius: var(--tan-radius-card) !important;
  background-color: var(--tan-surface) !important;
  background-image: none !important;
  border-color: var(--tan-border) !important;
  box-shadow: none !important;
}

body main :is(section, article, aside, form, div)[class*="card"]:not([class*="avatar"]):not([class*="icon"]),
body main :is(section, article, aside, form, div)[class*="panel"]:not([class*="avatar"]):not([class*="icon"]),
body main :is(section, article, aside, form, div)[class*="surface"]:not([class*="avatar"]):not([class*="icon"]),
body main :is(section, article, aside, form, div)[class*="box"]:not([class*="avatar"]):not([class*="icon"]),
body main :is(section, article, aside, form, div)[class*="hero"]:not([class*="avatar"]):not([class*="icon"]) {
  border-radius: var(--tan-radius-card) !important;
  border-color: var(--tan-border) !important;
}

body :is(
  .btn,
  button.btn,
  a.btn,
  .button,
  button[type="submit"],
  input[type="submit"],
  .form-submit,
  .member-action,
  .member-linked-hero__action,
  .official-match-card__action,
  .official-match-card__profile-btn,
  .matches-empty__reset,
  .matches-filters-panel__reset,
  .gift-card__download,
  .admin-action,
  .contact-modal__actions button,
  .member-request-form__actions button,
  .matches-claim-form__actions button,
  .service-quote-modal__actions button
) {
  border-radius: var(--tan-radius-button) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background-color: var(--tan-surface) !important;
  background-image: none !important;
  color: var(--tan-white) !important;
  box-shadow: none !important;
}

body :is(
  .btn-primary,
  .button-primary,
  .member-linked-hero__primary,
  .official-match-card__action,
  .matches-empty__reset,
  .contact-modal__submit,
  .member-request-form__submit,
  .matches-claim-form__submit,
  button[type="submit"]
) {
  background-color: var(--tan-purple) !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.10) !important;
}

body :is(
  .badge,
  .tag,
  .pill,
  .matches-tab__count,
  .matches-active-filter,
  .official-match-card__chip,
  .official-match-card__status,
  .official-match-card__number,
  .official-match-card__boost,
  .member-status,
  .member-chip,
  .admin-chip,
  .count-chip
) {
  border-radius: var(--tan-radius-pill) !important;
  background-color: var(--tan-surface) !important;
  border: 1px solid var(--tan-border) !important;
  background-image: none !important;
}

body :is(
  input,
  textarea,
  select,
  .field-control,
  .field-textarea,
  .custom-select__trigger,
  .gifts-select,
  .gifts-search,
  .matches-search,
  .matches-search-field__input-wrap,
  .matches-filter__trigger,
  .matches-filter__date-wrap,
  .matches-filter__date-input,
  .member-input,
  .admin-input,
  .matches-claim-form__field,
  .tiktok-search-field,
  .tiktok-search-field__input,
  .contact-modal input,
  .contact-modal textarea,
  .service-quote-modal input,
  .service-quote-modal textarea,
  .member-request-modal input,
  .member-request-modal textarea
) {
  border: 1px solid var(--tan-border) !important;
  border-radius: var(--tan-radius-control) !important;
  background-color: var(--tan-surface) !important;
  background-image: none !important;
  color: var(--tan-white) !important;
  box-shadow: none !important;
}

body :is(.custom-select, .matches-filter, .gifts-custom-select) {
  position: relative !important;
  overflow: visible !important;
}

body :is(.custom-select__menu, .matches-filter__menu, .gifts-custom-select__menu) {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 5000 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-height: min(320px, 48vh) !important;
  overflow: auto !important;
  border: 1px solid var(--tan-border) !important;
  border-radius: var(--tan-radius-control) !important;
  background-color: rgba(13,13,13,.98) !important;
  background-image: none !important;
  box-shadow: none !important;
  padding: 6px !important;
}

body :is(.custom-select__menu[hidden], .matches-filter__menu[hidden], .gifts-custom-select__menu[hidden]) {
  display: none !important;
}

body :is(.custom-select__option, .matches-filter__option, .gifts-custom-select__option) {
  min-height: 38px !important;
  border-radius: var(--tan-radius-pill) !important;
  color: var(--tan-muted) !important;
}

body :is(.custom-select__option:hover, .matches-filter__option:hover, .gifts-custom-select__option:hover),
body :is(.custom-select__option.is-selected, .matches-filter__option.is-selected, .gifts-custom-select__option.is-selected) {
  color: var(--tan-white) !important;
  background-color: var(--tan-overlay) !important;
}

body :is(
  .matches-filters-panel,
  .matches-filters-grid,
  .gifts-toolbar,
  .contact-modal__form,
  .member-request-modal__form,
  .service-quote-modal__form
) {
  overflow: visible !important;
}

body :is(.contact-modal, .service-quote-modal, .member-request-modal, .matches-claim-modal, .tiktok-link-modal) {
  padding: max(22px, env(safe-area-inset-top)) 18px max(22px, env(safe-area-inset-bottom)) !important;
  overflow: auto !important;
  place-items: center !important;
}

body :is(.contact-modal__dialog, .service-quote-modal__dialog, .member-request-modal__dialog, .matches-claim-modal__dialog, .tiktok-link-surface) {
  width: min(760px, calc(100vw - 36px)) !important;
  max-height: calc(100dvh - 44px) !important;
  margin-block: 22px !important;
  border-radius: var(--tan-radius-card) !important;
}

body :is(.text-purple, .accent, .section-kicker, .hero-framer__highlight, .member-agency-name, .official-match-card__agency, .matches-filter__icon, .gifts-filter__icon) {
  color: var(--tan-purple-2) !important;
}

body :is(.is-active, .active, [aria-current="page"]) {
  border-color: var(--tan-border) !important;
}

body :is(.matches-tab.is-active, .tab.is-active, .nav-link.is-active) {
  background-color: var(--tan-purple) !important;
  background-image: none !important;
  color: #fff !important;
}

body :is(.official-match-card.is-premium, .official-match-card--premium) {
  border-color: rgba(255,214,112,.42) !important;
  background-color: var(--tan-surface) !important;
  background-image: linear-gradient(180deg, rgba(255,214,112,.045), rgba(255,214,112,0)) !important;
}

@media (max-width: 809.98px) {
  :root {
    --tan-radius-card: 8px;
    --tan-radius-panel: 8px;
    --tan-radius-control: 8px;
    --tan-radius-button: 6px;
    --tan-radius-pill: 4px;
  }

  body :is(.custom-select__menu, .matches-filter__menu, .gifts-custom-select__menu) {
    top: calc(100% + 6px) !important;
    max-height: min(300px, 42vh) !important;
  }

  body :is(.contact-modal, .service-quote-modal, .member-request-modal, .matches-claim-modal, .tiktok-link-modal) {
    padding: max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom)) !important;
  }

  body :is(.contact-modal__dialog, .service-quote-modal__dialog, .member-request-modal__dialog, .matches-claim-modal__dialog, .tiktok-link-surface) {
    width: min(100%, calc(100vw - 28px)) !important;
    max-height: calc(100dvh - 36px) !important;
    margin-block: 18px !important;
  }
}