/* =========================================================
   RIDDLER'S PROJECT - SUPPORT / DONATE BOX
   Premium dark-gold version
========================================================= */

#rp-support-box {
  width: 100%;
  max-width: 760px;
  margin: 34px auto;
  padding: 34px 34px 26px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  color: #e0e0e0;
  border: 1px solid rgba(218, 188, 115, 0.34);
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(218,188,115,.10), transparent 34%),
    radial-gradient(circle at bottom right, rgba(0,142,156,.08), transparent 38%),
    linear-gradient(145deg, rgba(37,37,34,.98), rgba(18,18,17,.98));
  box-shadow:
    0 28px 56px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.035);
}

#rp-support-box::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(218,188,115,.08), transparent 42%, rgba(218,188,115,.03));
  z-index: 0;
}

#rp-support-box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 70%;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(
    90deg,
    rgba(218,188,115,0),
    rgba(218,188,115,.72),
    rgba(218,188,115,0)
  );
  pointer-events: none;
  z-index: 1;
}

#rp-support-box > * {
  position: relative;
  z-index: 2;
}

/* =========================================================
   HEADER / TITLE
========================================================= */

#rp-support-box .rp-support-box__header {
  margin: 0 0 24px;
  text-align: center;
}

#rp-support-box .rp-support-box__title {
  max-width: 680px;
  margin: 0 auto;
  color: #dabc73;
  font-family: "Chakra Petch", "Inter", sans-serif;
  font-size: clamp(24px, 1.9vw, 32px);
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-shadow: 0 12px 30px rgba(0,0,0,.38);
}

#rp-support-box .rp-support-box__title-gradient {
  display: inline;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: #dabc73 !important;
}

#rp-support-box .rp-support-box__subtitle {
  max-width: 560px;
  margin: 9px auto 0;
  color: rgba(224,224,224,.78);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.55;
  text-align: center;
}

/* =========================================================
   FORM PANEL
========================================================= */

#rp-support-box .rp-support-form {
  max-width: 620px;
  margin: 0 auto;
  padding: 26px 26px 22px;
  border: 1px solid rgba(218,188,115,.28);
  border-radius: 20px;
  background:
    radial-gradient(circle at top center, rgba(218,188,115,.075), transparent 42%),
    linear-gradient(145deg, rgba(28,28,26,.96), rgba(17,17,16,.98));
  box-shadow:
    0 22px 42px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.035);
}

/* =========================================================
   NOTICES / SYSTEM MESSAGES
========================================================= */

.rp-support-box__notice {
  margin: 0 0 16px;
  padding: 13px 16px;
  position: relative;
  border-radius: 14px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

.rp-support-box__notice--info {
  border: 1px solid rgba(95,124,107,.75);
  background: rgba(95,124,107,.12);
  color: #dfe8e2;
}

.rp-support-box__notice--warning {
  border: 1px solid rgba(214,54,55,.75);
  background: rgba(214,54,55,.10);
  color: #f1d2d2;
}

.rp-support-box__notice--success {
  padding-left: 52px;
  border: 1px solid rgba(112,174,130,.78);
  background:
    radial-gradient(circle at top center, rgba(218,188,115,.12), transparent 56%),
    rgba(71,113,83,.16);
  color: #dff4df;
}

.rp-support-box__notice--success::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
  border: 1px solid rgba(218,188,115,.72);
  border-radius: 50%;
  background: rgba(218,188,115,.16);
}

.rp-support-box__notice--success::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  width: 6px;
  height: 11px;
  transform: translateY(-62%) rotate(45deg);
  border-right: 3px solid #dabc73;
  border-bottom: 3px solid #dabc73;
  border-radius: 1px;
}

/* =========================================================
   FORM STRUCTURE
========================================================= */

#rp-support-box .rp-support-form__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

#rp-support-box .rp-support-form__field {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

#rp-support-box .rp-support-form__label {
  margin: 0;
  color: rgba(218,188,115,.86);
  font-family: "Chakra Petch", "Inter", sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-align: center;
}

/* =========================================================
   AMOUNT FIELD
========================================================= */

#rp-support-box .rp-support-form__amount-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 168px;
  min-height: 72px;
  padding: 9px 14px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(218,188,115,.76);
  border-radius: 18px;
  background:
    radial-gradient(circle at top center, rgba(218,188,115,.10), transparent 48%),
    rgba(121,20,56,.28) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.055);
}

#rp-support-box .rp-support-form__amount-inline::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.045), transparent 44%);
  pointer-events: none;
}

#rp-support-box .rp-support-form__amount-input {
  width: 4ch;
  min-width: 44px;
  max-width: 92px;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #dabc73 !important;
  box-sizing: content-box;
  text-align: right;
  font-family: "Chakra Petch", "Inter", sans-serif;
  font-size: 36px !important;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
  outline: none !important;
  box-shadow: none !important;
  appearance: textfield;
  -moz-appearance: textfield;
}

#rp-support-box .rp-support-form__amount-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

#rp-support-box .rp-support-form__amount-input::-webkit-outer-spin-button,
#rp-support-box .rp-support-form__amount-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#rp-support-box .rp-support-form__currency-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 62px;
  min-height: 46px;
  padding: 0 12px;
  border: 1px solid rgba(218,188,115,.55);
  border-radius: 13px;
  background: rgba(37,37,34,.88);
  color: #f2f2f2;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .04em;
  white-space: nowrap;
}

/* =========================================================
   AMOUNT PRESETS
========================================================= */

#rp-support-box .rp-support-form__presets {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  width: 100%;
  margin-top: 4px;
}

#rp-support-box .rp-support-form__preset {
  min-width: 90px;
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid rgba(218,188,115,.34);
  border-radius: 999px;
  background: rgba(37,37,34,.88);
  color: #e0e0e0;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .04em;
  cursor: pointer;
  box-shadow: 0 10px 18px rgba(0,0,0,.20);
  transition:
    border-color .18s ease,
    color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

#rp-support-box .rp-support-form__preset:hover {
  border-color: rgba(218,188,115,.70);
  color: #f0d894;
  background: rgba(218,188,115,.07);
  box-shadow:
    0 12px 22px rgba(0,0,0,.26),
    0 0 14px rgba(218,188,115,.08);
}

#rp-support-box .rp-support-form__preset.is-active,
#rp-support-box .rp-support-form__preset[aria-pressed="true"] {
  border-color: rgba(218,188,115,.92);
  background: linear-gradient(135deg, #dabc73 0%, #b99b5e 100%);
  color: #22221f;
  box-shadow:
    0 14px 26px rgba(0,0,0,.26),
    0 0 18px rgba(218,188,115,.16);
}

#rp-support-box .rp-support-form__preset:focus-visible {
  outline: none;
  border-color: rgba(218,188,115,.96);
  box-shadow:
    0 0 0 2px rgba(18,18,17,.96),
    0 0 0 4px rgba(218,188,115,.45);
}

#rp-support-box .rp-support-form__hint {
  max-width: 460px;
  margin: 9px auto 0;
  color: rgba(224,224,224,.66);
  text-align: center;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 700;
}

/* =========================================================
   PAYMENT BUTTONS
========================================================= */

#rp-support-box .rp-support-form__actions {
  text-align: center;
}

#rp-support-box .rp-support-form__actions--dual {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  margin-top: 16px;
}

#rp-support-box .rp-support-form__button {
  width: 100%;
  min-height: 48px;
  padding: 12px 18px !important;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(218,188,115,.60) !important;
  border-radius: 999px !important;
  font-family: "Chakra Petch", "Inter", sans-serif;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: none;
  cursor: pointer;
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    filter .18s ease;
}

#rp-support-box .rp-support-form__button::before {
  content: "";
  position: absolute;
  top: -25%;
  left: -42%;
  width: 28%;
  height: 150%;
  background: linear-gradient(
    115deg,
    rgba(255,245,215,0) 0%,
    rgba(255,245,215,0) 34%,
    rgba(255,245,215,.10) 45%,
    rgba(255,250,235,.28) 50%,
    rgba(255,245,215,.10) 55%,
    rgba(255,245,215,0) 68%,
    rgba(255,245,215,0) 100%
  );
  transform: skewX(-22deg);
  opacity: 0;
  pointer-events: none;
}

#rp-support-box .rp-support-form__button:hover::before,
#rp-support-box .rp-support-form__button:focus::before {
  opacity: 1;
  animation: rp-support-btn-shimmer .85s ease;
}

#rp-support-box .rp-support-form__button-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  z-index: 2;
}

/* =========================================================
   STRIPE BUTTON
========================================================= */
#rp-support-box .rp-support-form__button--stripe {
  background: linear-gradient(135deg, #635bff 0%, #3f3ab8 48%, #211f63 100%) !important;
  color: #ffffff !important;
  border-color: rgba(218,188,115,.60) !important;
  box-shadow:
    0 14px 26px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

#rp-support-box .rp-support-form__button--stripe:hover {
  border-color: rgba(218,188,115,.90) !important;
  background: linear-gradient(135deg, #746eff 0%, #4d47cf 48%, #2a2877 100%) !important;
  color: #ffffff !important;
  box-shadow:
    0 18px 32px rgba(0,0,0,.38),
    0 0 20px rgba(99,91,255,.18),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

/* =========================================================
   PAYPAL BUTTON
========================================================= */
#rp-support-box .rp-support-form__button--paypal {
  background: linear-gradient(135deg, #2f68c5 0%, #1b4d9a 52%, #0f2f63 100%) !important;
  color: #ffffff !important;
  border-color: rgba(218,188,115,.60) !important;
  box-shadow:
    0 14px 26px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

#rp-support-box .rp-support-form__button--paypal:hover {
  border-color: rgba(218,188,115,.90) !important;
  background: linear-gradient(135deg, #3b78dc 0%, #245cb3 52%, #143d7c 100%) !important;
  color: #ffffff !important;
  box-shadow:
    0 18px 32px rgba(0,0,0,.38),
    0 0 20px rgba(47,104,197,.18),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

#rp-support-box .rp-support-form__button--paypal .rp-support-form__button-text {
  color: #ffd140 !important;
  text-shadow: 0 1px 10px rgba(255,209,64,.16);
}

#rp-support-box .rp-support-form__button--paypal:hover .rp-support-form__button-text,
#rp-support-box .rp-support-form__button--paypal:focus .rp-support-form__button-text {
  color: #ffe08a !important;
}

@keyframes rp-support-btn-shimmer {
  0% {
    left: -42%;
    opacity: 0;
  }

  12% {
    opacity: 1;
  }

  100% {
    left: 118%;
    opacity: 0;
  }
}

/* =========================================================
   DISABLED STATE
========================================================= */

#rp-support-box .rp-support-form__button.is-disabled,
#rp-support-box .rp-support-form__button--disabled,
#rp-support-box .rp-support-form__button:disabled {
  background: linear-gradient(135deg, rgba(53, 48, 37, .95) 0%, rgba(31, 30, 27, .96) 100%) !important;
  border-color: rgba(218,188,115,.34) !important;
  color: rgba(232,224,209,.58) !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  filter: saturate(.6) !important;
  box-shadow: none !important;
}

#rp-support-box .rp-support-form__button.is-disabled::before,
#rp-support-box .rp-support-form__button--disabled::before,
#rp-support-box .rp-support-form__button:disabled::before {
  display: none;
}

#rp-support-box .rp-support-form__button--disabled .rp-support-form__button-text,
#rp-support-box .rp-support-form__button--paypal.rp-support-form__button--disabled .rp-support-form__button-text {
  color: rgba(232,224,209,.62) !important;
  text-shadow: none !important;
}

/* =========================================================
   SUPPORT BOX FOOTER NOTE
========================================================= */

#rp-support-box .rp-support-box__footer {
  margin-top: 18px;
  text-align: center;
}

#rp-support-box .rp-support-box__footer-note {
  max-width: 590px;
  margin: 0 auto;
  padding: 12px 16px;
  border: 1px solid rgba(218,188,115,.24);
  border-radius: 14px;
  background: rgba(218,188,115,.055);
  color: rgba(224,224,224,.82);
  font-size: 12.5px;
  line-height: 1.5;
  font-style: normal;
  font-weight: 700;
}

/* =========================================================
   SUPPORT STATUS NOTICE - MANAGERS OFFICE
========================================================= */

#rp-support-status {
  max-width: 720px;
  margin: 0 auto 24px auto;
}

#rp-support-status .rp-support-box__notice {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0;
  padding: 16px 54px;
  border-radius: 14px;
  text-align: center;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.5;
  box-shadow: 0 12px 26px rgba(0,0,0,.34);
}

#rp-support-status .rp-support-box__notice--info {
  border: 1px solid rgba(95,124,107,.85);
  background: rgba(95,124,107,.14);
  color: #9fd7b5;
}

#rp-support-status .rp-support-box__notice--warning {
  border: 1px solid rgba(214,54,55,.80);
  background: rgba(214,54,55,.12);
  color: #f08e8e;
}

#rp-support-status .rp-support-box__notice--success {
  border: 1px solid rgba(112,174,130,.86);
  background:
    radial-gradient(circle at top center, rgba(218,188,115,.14), transparent 60%),
    rgba(71,113,83,.18);
  color: #dff4df;
  box-shadow:
    0 16px 30px rgba(0,0,0,.36),
    0 0 0 1px rgba(218,188,115,.08) inset;
}

#rp-support-status .rp-support-box__notice--success::before {
  left: 18px;
  box-shadow: 0 8px 18px rgba(0,0,0,.26);
}

#rp-support-status .rp-support-box__notice--success::after {
  left: 26px;
}

#rp-support-status .rp-support-status__text {
  display: inline-block;
}

/* =========================================================
   SUPPORT STATUS SPINNER
========================================================= */

#rp-support-status .rp-support-status__spinner {
  display: none;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 2px solid rgba(218,188,115,.18);
  border-top-color: #dabc73;
  border-radius: 50%;
  box-shadow: 0 0 14px rgba(218,188,115,.12);
  animation: rp-support-spin 1s linear infinite;
}

#rp-support-status.is-loading .rp-support-status__spinner {
  display: inline-block;
}

@keyframes rp-support-spin {
  to {
    transform: rotate(360deg);
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {
  #rp-support-box {
    margin: 24px auto;
    padding: 24px 15px 18px;
    border-radius: 18px;
  }

  #rp-support-box .rp-support-box__title {
    font-size: 23px;
    line-height: 1.15;
  }

  #rp-support-box .rp-support-box__subtitle {
    font-size: 12px;
    line-height: 1.5;
  }

  #rp-support-box .rp-support-form {
    max-width: 100%;
    padding: 18px 13px 15px;
    border-radius: 17px;
  }

  #rp-support-box .rp-support-form__label {
    font-size: 11px;
    letter-spacing: .11em;
  }

  #rp-support-box .rp-support-form__amount-inline {
    min-width: 148px;
    min-height: 64px;
    padding: 8px 10px;
    border-radius: 16px;
  }

  #rp-support-box .rp-support-form__amount-input {
    min-width: 42px;
    font-size: 30px !important;
  }

  #rp-support-box .rp-support-form__currency-inline {
    min-width: 56px;
    min-height: 44px;
    padding: 0 12px;
    font-size: 11px;
  }

  #rp-support-box .rp-support-form__presets {
    gap: 8px;
  }

  #rp-support-box .rp-support-form__preset {
    min-width: 78px;
    min-height: 36px;
    padding: 8px 10px;
    font-size: 12px;
  }

  #rp-support-box .rp-support-form__hint {
    margin-top: 7px;
    font-size: 11px;
  }

  #rp-support-box .rp-support-form__actions--dual {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 12px;
  }

  #rp-support-box .rp-support-form__button {
    min-height: 48px;
    font-size: 14px;
  }

  #rp-support-box .rp-support-box__footer-note {
    max-width: 100%;
    font-size: 12px;
  }
}

#rp-support-box .rp-support-box__header {
  margin-bottom: 20px;
}

#rp-support-box .rp-support-form {
  padding-top: 24px;
}
/* =========================================================
   SUPPORT PAGE LAYOUT
========================================================= */

.rp-support-page {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto 64px;
  color: #e0e0e0;
}

.rp-support-page__hero {
  margin: 34px auto 22px;
  padding: 34px 28px 30px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(218,188,115,.28);
  border-radius: 26px;
  background:
    radial-gradient(circle at top left, rgba(218,188,115,.12), transparent 36%),
    radial-gradient(circle at bottom right, rgba(121,20,56,.14), transparent 38%),
    linear-gradient(145deg, rgba(37,37,34,.98), rgba(18,18,17,.98));
  box-shadow: 0 28px 56px rgba(0,0,0,.42);
  text-align: center;
}

.rp-support-page__hero::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 72%;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, rgba(218,188,115,0), rgba(218,188,115,.72), rgba(218,188,115,0));
  pointer-events: none;
}

.rp-support-page__kicker,
.rp-support-page__section-head span,
.rp-support-page__info-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  color: rgba(218,188,115,.88);
  font-family: "Chakra Petch", "Inter", sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.rp-support-page__hero h1 {
  max-width: 820px;
  margin: 0 auto 12px;
  color: #dabc73;
  font-family: "Chakra Petch", "Inter", sans-serif;
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: .025em;
  text-transform: uppercase;
  text-shadow: 0 14px 32px rgba(0,0,0,.42);
}

.rp-support-page__hero p {
  max-width: 820px;
  margin: 0 auto;
  color: rgba(224,224,224,.80);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.65;
}

.rp-support-page__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 22px;
  align-items: start;
}

.rp-support-page__main #rp-support-box {
  margin-top: 0;
  margin-bottom: 0;
}

.rp-support-page__side {
  display: grid;
  gap: 14px;
}

.rp-support-page__info-card {
  padding: 22px 20px;
  border: 1px solid rgba(218,188,115,.24);
  border-radius: 20px;
  background:
    radial-gradient(circle at top left, rgba(218,188,115,.08), transparent 42%),
    linear-gradient(145deg, rgba(37,37,34,.94), rgba(18,18,17,.96));
  box-shadow: 0 18px 34px rgba(0,0,0,.30);
}

.rp-support-page__info-card span {
  justify-content: flex-start;
  margin-bottom: 8px;
  font-size: 11px;
}

.rp-support-page__info-card h2 {
  margin: 0 0 8px;
  color: #dabc73;
  font-family: "Chakra Petch", "Inter", sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.15;
}

.rp-support-page__info-card p {
  margin: 0;
  color: rgba(224,224,224,.76);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}

.rp-support-page__disclaimer {
  max-width: 980px;
  margin: 18px auto 0;
  padding: 0 10px;
  text-align: center;
}

.rp-support-page__disclaimer p {
  margin: 0;
  color: rgba(224,224,224,.48);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.6;
}

.rp-support-page__disclaimer strong {
  color: rgba(218,188,115,.68);
  font-weight: 800;
}

.rp-support-page__history {
  margin-top: 26px;
  padding: 28px;
  border: 1px solid rgba(218,188,115,.24);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(218,188,115,.08), transparent 38%),
    linear-gradient(145deg, rgba(37,37,34,.94), rgba(18,18,17,.96));
  box-shadow: 0 22px 44px rgba(0,0,0,.34);
}

.rp-support-page__section-head {
  margin-bottom: 18px;
  text-align: center;
}

.rp-support-page__section-head h2 {
  margin: 0 0 8px;
  color: #dabc73;
  font-family: "Chakra Petch", "Inter", sans-serif;
  font-size: clamp(26px, 2.6vw, 40px);
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.rp-support-page__section-head p {
  margin: 0 auto;
  max-width: 640px;
  color: rgba(224,224,224,.72);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}

/* =========================================================
   SUPPORT SUMMARY / HISTORY OUTSIDE MANAGER'S OFFICE
========================================================= */

.rp-support-summary {
  margin: 0 0 18px;
}

.rp-support-summary__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.rp-support-summary__card {
  padding: 16px 14px;
  border: 1px solid rgba(218,188,115,.22);
  border-radius: 18px;
  background: rgba(37,37,34,.74);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  text-align: center;
}

.rp-support-summary__label {
  margin-bottom: 7px;
  color: rgba(224,224,224,.66);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.rp-support-summary__value {
  color: #dabc73;
  font-family: "Chakra Petch", "Inter", sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.1;
}

.rp-support-history {
  width: 100%;
}

.rp-support-history-empty {
  margin: 0;
  padding: 16px;
  border: 1px dashed rgba(218,188,115,.26);
  border-radius: 16px;
  background: rgba(37,37,34,.55);
  color: rgba(224,224,224,.72);
  text-align: center;
  font-size: 14px;
  font-weight: 800;
}

.rp-support-history-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(218,188,115,.18);
  border-radius: 18px;
  background: rgba(18,18,17,.58);
}

.rp-support-history-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  color: #e0e0e0;
}

.rp-support-history-table th,
.rp-support-history-table td {
  padding: 13px 14px;
  border-bottom: 1px solid rgba(218,188,115,.12);
  text-align: left;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.4;
}

.rp-support-history-table th {
  color: rgba(218,188,115,.86);
  font-family: "Chakra Petch", "Inter", sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  background: rgba(218,188,115,.055);
}

.rp-support-history-table tr:last-child td {
  border-bottom: 0;
}

.rp-support-history-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
}

.rp-support-history-pagination a,
.rp-support-history-pagination span {
  min-width: 38px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(218,188,115,.25);
  border-radius: 999px;
  background: rgba(37,37,34,.76);
  color: #e0e0e0;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

.rp-support-history-pagination a:hover,
.rp-support-history-pagination .is-active {
  border-color: rgba(218,188,115,.85);
  background: linear-gradient(135deg, #dabc73, #b99b5e);
  color: #22221f;
}

@media (max-width: 980px) {
  .rp-support-page__layout {
    grid-template-columns: 1fr;
  }

  .rp-support-page__side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .rp-support-page {
    width: min(100% - 22px, 1180px);
    margin-bottom: 42px;
  }

  .rp-support-page__hero {
    margin-top: 22px;
    padding: 0 0 20px;
    border-radius: 0;
  }

  .rp-support-page__hero h1 {
    font-size: 31px;
  }

  .rp-support-page__side,
  .rp-support-summary__grid {
    grid-template-columns: 1fr;
  }

  .rp-support-page__history {
    padding: 20px 12px;
    border-radius: 20px;
  }
}

/* ======================================================
   SUPPORT / DONATE PAGE DESKTOP FINAL
   ====================================================== */

body .rp-support-page {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 -50vw !important;
  padding: 56px 22px 74px !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  color: var(--rp-menu-text, #e8e0d1) !important;
  background: var(
    --rp-menu-page-bg,
    linear-gradient(180deg, #2f2e2a 0%, #252422 32%, #1f1e1c 100%)
  ) !important;
}

body .rp-support-page *,
body .rp-support-page *::before,
body .rp-support-page *::after {
  box-sizing: border-box !important;
}

@supports selector(body:has(.rp-support-page)) {
  body:has(.rp-support-page),
  body:has(.rp-support-page) .site-main,
  body:has(.rp-support-page) #main,
  body:has(.rp-support-page) .site-content,
  body:has(.rp-support-page) .ct-container-full,
  body:has(.rp-support-page) #main-container,
  body:has(.rp-support-page) .ct-main,
  body:has(.rp-support-page) .ct-container,
  body:has(.rp-support-page) .content-area,
  body:has(.rp-support-page) article,
  body:has(.rp-support-page) .page,
  body:has(.rp-support-page) .entry-card {
    background: var(
      --rp-menu-page-bg,
      linear-gradient(180deg, #2f2e2a 0%, #252422 32%, #1f1e1c 100%)
    ) !important;
  }

  body:has(.rp-support-page) .entry-content,
  body:has(.rp-support-page) .wp-block-post-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

body .rp-support-page__hero {
  width: min(940px, 100%) !important;
  max-width: 940px !important;
  min-height: 0 !important;
  margin: 0 auto 30px !important;
  padding: 0 0 24px !important;
  display: block !important;
  text-align: center !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(198, 161, 91, 0.34) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .rp-support-page__hero::after,
body .rp-support-page__kicker {
  display: none !important;
}

body .rp-support-page__hero h1 {
  max-width: 900px !important;
  margin: 0 auto 14px !important;
  color: var(--rp-menu-gold, #c6a15b) !important;
  font-family: "Chakra Petch", "Inter", sans-serif !important;
  font-size: clamp(34px, 3.05vw, 46px) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.34) !important;
}

body .rp-support-page__hero p {
  max-width: 820px !important;
  margin: 0 auto !important;
  color: rgba(232, 224, 209, 0.76) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.62 !important;
}

body .rp-support-page__layout {
  width: min(1180px, 100%) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 760px) minmax(280px, 340px) !important;
  gap: 22px !important;
  align-items: start !important;
  justify-content: center !important;
}

body .rp-support-page__main #rp-support-box {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 !important;
  padding: 30px 34px 28px !important;
  border: 1px solid rgba(198, 161, 91, 0.30) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(126deg, rgba(198, 161, 91, 0.08), transparent 43%),
    linear-gradient(145deg, rgba(38, 37, 34, 0.98), rgba(24, 24, 22, 0.99)) !important;
  box-shadow:
    0 28px 62px rgba(0, 0, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body .rp-support-page__main #rp-support-box::after {
  display: none !important;
}

body .rp-support-page__main #rp-support-box .rp-support-box__header {
  margin-bottom: 22px !important;
}

body .rp-support-page__main #rp-support-box .rp-support-box__title {
  color: var(--rp-menu-gold, #c6a15b) !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body .rp-support-page__main #rp-support-box .rp-support-box__subtitle,
body .rp-support-page__main #rp-support-box .rp-support-box__footer-note {
  color: rgba(232, 224, 209, 0.66) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

body .rp-support-page__main #rp-support-box .rp-support-login-card {
  max-width: 620px !important;
  margin: 0 auto !important;
  padding: 25px 26px 24px !important;
  border: 1px solid rgba(198, 161, 91, 0.24) !important;
  border-radius: 18px !important;
  text-align: center !important;
  background:
    linear-gradient(126deg, rgba(198, 161, 91, 0.06), transparent 46%),
    linear-gradient(145deg, rgba(31, 30, 28, 0.96), rgba(18, 18, 16, 0.98)) !important;
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.34) !important;
}

body .rp-support-page__main #rp-support-box .rp-support-login-card__text {
  max-width: 500px !important;
  margin: 0 auto 18px !important;
  color: rgba(232, 224, 209, 0.76) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

body .rp-support-page__main #rp-support-box .rp-support-login-card__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
}

body .rp-support-page__main #rp-support-box .rp-support-login-card__button {
  min-width: 150px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  font-family: "Chakra Petch", "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
}

body .rp-support-page__main #rp-support-box .rp-support-login-card__button--primary {
  border: 1px solid rgba(216, 189, 112, 0.95) !important;
  color: #25231e !important;
  background: linear-gradient(135deg, #d8bd70 0%, #b9934d 100%) !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.32),
    0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;
}

body .rp-support-page__main #rp-support-box .rp-support-login-card__button--ghost {
  border: 1px solid rgba(198, 161, 91, 0.34) !important;
  color: rgba(232, 224, 209, 0.84) !important;
  background: rgba(26, 25, 23, 0.72) !important;
}

body .rp-support-page__main #rp-support-box .rp-support-login-card__button:hover,
body .rp-support-page__main #rp-support-box .rp-support-login-card__button:focus {
  border-color: rgba(216, 189, 112, 0.98) !important;
  color: #d8bd70 !important;
  background: rgba(30, 29, 26, 0.92) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(216, 189, 112, 0.12) !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form {
  max-width: 620px !important;
  padding: 24px 26px 22px !important;
  border: 1px solid rgba(198, 161, 91, 0.24) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(126deg, rgba(198, 161, 91, 0.06), transparent 46%),
    linear-gradient(145deg, rgba(31, 30, 28, 0.96), rgba(18, 18, 16, 0.98)) !important;
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.34) !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__label {
  color: rgba(214, 195, 154, 0.9) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__amount-inline {
  min-height: 66px !important;
  border-color: rgba(198, 161, 91, 0.58) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(126deg, rgba(198, 161, 91, 0.08), transparent 48%),
    rgba(47, 46, 42, 0.94) !important;
  box-shadow:
    0 16px 30px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__amount-input {
  color: var(--rp-menu-gold, #c6a15b) !important;
  font-size: 34px !important;
  letter-spacing: 0 !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__currency-inline {
  min-height: 42px !important;
  border-color: rgba(198, 161, 91, 0.40) !important;
  border-radius: 12px !important;
  background: rgba(29, 28, 26, 0.88) !important;
  color: rgba(232, 224, 209, 0.86) !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__preset {
  min-height: 38px !important;
  border-color: rgba(198, 161, 91, 0.30) !important;
  color: rgba(232, 224, 209, 0.82) !important;
  background: rgba(36, 35, 32, 0.90) !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__preset.is-active,
body .rp-support-page__main #rp-support-box .rp-support-form__preset[aria-pressed="true"] {
  border-color: rgba(216, 189, 112, 0.95) !important;
  background: linear-gradient(135deg, #d8bd70 0%, #b9934d 100%) !important;
  color: #25231e !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__hint {
  color: rgba(232, 224, 209, 0.55) !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__button {
  min-height: 48px !important;
  border-color: rgba(216, 189, 112, 0.95) !important;
  border-radius: 999px !important;
  color: #25231e !important;
  background: linear-gradient(135deg, #d8bd70 0%, #b9934d 100%) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.32),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__button:hover,
body .rp-support-page__main #rp-support-box .rp-support-form__button:focus {
  color: #d8bd70 !important;
  background: rgba(30, 29, 26, 0.92) !important;
  border-color: rgba(216, 189, 112, 0.95) !important;
  filter: none !important;
  transform: none !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__button--stripe {
  color: #ffffff !important;
  border-color: rgba(99, 91, 255, 0.95) !important;
  background: linear-gradient(135deg, #635bff 0%, #4f46e5 100%) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__button--stripe .rp-support-form__button-text {
  color: #ffffff !important;
  text-shadow: none !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__button--stripe:hover,
body .rp-support-page__main #rp-support-box .rp-support-form__button--stripe:focus {
  color: #ffffff !important;
  border-color: rgba(122, 115, 255, 0.98) !important;
  background: linear-gradient(135deg, #746dff 0%, #5b50f0 100%) !important;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.38),
    0 0 22px rgba(99, 91, 255, 0.22),
    0 0 0 1px rgba(255, 255, 255, 0.10) inset !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__button--paypal {
  color: #003087 !important;
  border-color: rgba(255, 196, 57, 0.95) !important;
  background: linear-gradient(135deg, #ffd96a 0%, #ffc439 100%) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(255, 255, 255, 0.18) inset !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__button--paypal .rp-support-form__button-text {
  color: #003087 !important;
  text-shadow: none !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__button--paypal:hover,
body .rp-support-page__main #rp-support-box .rp-support-form__button--paypal:focus {
  color: #003087 !important;
  border-color: rgba(255, 211, 92, 0.98) !important;
  background: linear-gradient(135deg, #ffe082 0%, #ffcf4f 100%) !important;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.38),
    0 0 22px rgba(255, 196, 57, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.20) inset !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__button--disabled,
body .rp-support-page__main #rp-support-box .rp-support-form__button--disabled:hover,
body .rp-support-page__main #rp-support-box .rp-support-form__button--disabled:focus,
body .rp-support-page__main #rp-support-box .rp-support-form__button:disabled,
body .rp-support-page__main #rp-support-box .rp-support-form__button:disabled:hover,
body .rp-support-page__main #rp-support-box .rp-support-form__button:disabled:focus {
  background: linear-gradient(135deg, rgba(53, 48, 37, .95) 0%, rgba(31, 30, 27, .96) 100%) !important;
  border-color: rgba(216, 189, 112, 0.36) !important;
  color: rgba(232, 224, 209, 0.6) !important;
  cursor: not-allowed !important;
  filter: saturate(.6) !important;
  box-shadow: none !important;
}

body .rp-support-page__main #rp-support-box .rp-support-form__button--disabled .rp-support-form__button-text,
body .rp-support-page__main #rp-support-box .rp-support-form__button:disabled .rp-support-form__button-text {
  color: rgba(232, 224, 209, 0.62) !important;
  text-shadow: none !important;
}

body .rp-support-page__side {
  display: grid !important;
  gap: 16px !important;
}

body .rp-support-page__info-card {
  padding: 22px 20px !important;
  border: 1px solid rgba(198, 161, 91, 0.29) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(126deg, rgba(198, 161, 91, 0.07), transparent 46%),
    linear-gradient(145deg, rgba(35, 34, 31, 0.96), rgba(21, 21, 19, 0.98)) !important;
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.34) !important;
}

body .rp-support-page__info-card span {
  margin-bottom: 8px !important;
  color: rgba(198, 161, 91, 0.9) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
}

body .rp-support-page__info-card h2 {
  margin-bottom: 8px !important;
  color: var(--rp-menu-gold, #c6a15b) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body .rp-support-page__info-card p {
  color: rgba(232, 224, 209, 0.73) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.52 !important;
}

body .rp-support-page__disclaimer,
body .rp-support-page__history {
  width: min(1180px, 100%) !important;
  max-width: 1180px !important;
}

body .rp-support-page__disclaimer {
  margin: 28px auto 0 !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(198, 161, 91, 0.18) !important;
  border-radius: 16px !important;
  background: rgba(30, 29, 27, 0.58) !important;
}

body .rp-support-page__disclaimer p {
  color: rgba(232, 224, 209, 0.58) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}