/* ================================================================
   BLACKFALL SUPPORT / DISCORD + PAYPAL
================================================================ */
.support-main{
  min-height:100vh;
  padding:150px 24px 90px;
  position:relative;
}
.support-main::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.13;
  background:
    radial-gradient(circle at 50% 18%,rgba(216,160,154,.08),transparent 34%),
    repeating-linear-gradient(180deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 4px);
}
.support-hero{
  width:min(920px,100%);
  margin:0 auto 42px;
  text-align:center;
  position:relative;
  z-index:1;
}
.support-hero h1{
  margin:8px 0 16px;
  font:800 clamp(54px,8vw,108px)/.9 var(--display);
  letter-spacing:.035em;
  color:#e6e1df;
}
.support-hero>p{
  width:min(760px,100%);
  margin:0 auto 12px;
  color:#a9a4a2;
  line-height:1.75;
}
.support-hero .support-role-note{color:#c8c0bd}
.support-hero .support-role-note strong{color:#d8a09a;font-weight:600}
.support-flow{
  width:min(1080px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  position:relative;
  z-index:1;
}
.support-card{
  min-height:430px;
  padding:34px;
  border:1px solid rgba(216,160,154,.14);
  background:rgba(10,10,10,.72);
  box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.015);
  backdrop-filter:blur(8px);
}
.support-step{
  margin-bottom:18px;
  color:#936e6a;
  font:500 10px var(--mono);
  letter-spacing:.18em;
}
.support-card h2{
  margin:0 0 24px;
  font:700 31px/1 var(--display);
  letter-spacing:.04em;
  color:#ddd8d5;
}
.support-state{
  min-height:84px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  margin-bottom:20px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.018);
  color:#bbb5b2;
  font:500 11px var(--mono);
  letter-spacing:.08em;
}
.support-state strong{color:#e1dcda;letter-spacing:.12em}
.support-state span{display:block;color:#8f8986;letter-spacing:.03em;line-height:1.5}
.support-user{display:flex;align-items:center;gap:14px}
.support-user img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid rgba(216,160,154,.28)}
.support-user>div{min-width:0}
.support-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(216,160,154,.42);
  background:rgba(216,160,154,.07);
  color:#e8dfdc;
  font:600 10px var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.support-action:hover{transform:translateY(-1px);background:rgba(216,160,154,.12);border-color:rgba(216,160,154,.62)}
.support-action-ghost{margin-left:8px;background:transparent;border-color:rgba(255,255,255,.12);color:#aaa3a0}
.support-small{margin:24px 0 0;color:#77716f;font:400 10px/1.7 var(--mono)}
.support-amount-label{display:block;margin-bottom:8px;color:#8f8986;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.support-amount-wrap{
  display:flex;
  align-items:center;
  height:58px;
  margin-bottom:12px;
  border:1px solid rgba(216,160,154,.2);
  background:rgba(0,0,0,.3);
}
.support-amount-wrap span{padding-left:18px;color:#d8a09a;font:600 18px var(--mono)}
.support-amount-wrap input{
  width:100%;height:100%;border:0;outline:0;background:transparent;color:#eee8e5;
  padding:0 18px 0 8px;font:600 25px var(--mono);
}
.support-quick{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.support-quick button{
  min-width:58px;height:32px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#aaa3a0;
  font:500 10px var(--mono);cursor:pointer;transition:border-color .2s,color .2s,background .2s;
}
.support-quick button:hover{border-color:rgba(216,160,154,.3);color:#ddd5d2;background:rgba(216,160,154,.05)}
.support-paypal{min-height:48px}
.support-message{min-height:44px;margin-top:16px;padding:12px 14px;border-left:2px solid rgba(255,255,255,.08);color:#8d8784;font:500 10px/1.55 var(--mono)}
.support-message.success{border-left-color:#6f9e7b;color:#b8d4bf}
.support-message.warning{border-left-color:#b89061;color:#d6bea0}
.support-message.error{border-left-color:#a64d4d;color:#d9a2a2}
.support-footer-note{width:min(900px,100%);margin:26px auto 0;text-align:center;color:#6f6967;font:400 10px/1.7 var(--mono);position:relative;z-index:1}
@media(max-width:800px){
  .support-main{padding:120px 14px 70px}
  .support-flow{grid-template-columns:1fr}
  .support-card{min-height:0;padding:26px 20px}
  .support-action,.support-action-ghost{width:100%;margin:8px 0 0}
}



/* ================================================================
   SUPPORT PAGE ANIMATION / GREEN DONATION SIGNAL
================================================================ */
.support-main::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.08;
  background:
    radial-gradient(circle at 50% 22%, rgba(81, 255, 160, .12), transparent 28%),
    linear-gradient(180deg, transparent 0%, rgba(81,255,160,.015) 38%, transparent 80%);
  animation:supportPulse 8s ease-in-out infinite;
}
@keyframes supportPulse{
  0%,100%{opacity:.05;transform:scale(1)}
  50%{opacity:.1;transform:scale(1.02)}
}
.support-hero{animation:heroFloat 9s ease-in-out infinite;}
@keyframes heroFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
.support-title{
  position:relative;
  display:inline-block;
  margin:8px 0 16px;
  isolation:isolate;
}
.support-hero h1{
  margin:0;
  font:800 clamp(54px,8vw,108px)/.9 var(--display);
  letter-spacing:.035em;
}
.support-title-main,
.support-title-glitch{
  display:block;
}
.support-title-main{
  position:relative;
  z-index:2;
  background:linear-gradient(180deg,#e8f7ee 0%, #b6ffcf 35%, #79f1ad 70%, #dbf5e5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 20px rgba(62, 219, 126, .12), 0 0 44px rgba(29, 104, 62, .12);
  animation:titleGlow 5s ease-in-out infinite;
}
.support-title-glitch{
  position:absolute;
  inset:0;
  z-index:1;
  color:rgba(84,255,166,.36);
  text-shadow:0 0 10px rgba(84,255,166,.4), 0 0 24px rgba(84,255,166,.2);
  transform:translate(0,0);
  filter:blur(.6px);
  mix-blend-mode:screen;
  animation:titleGhost 4.8s steps(2,end) infinite;
  pointer-events:none;
}
@keyframes titleGlow{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.08)}
}
@keyframes titleGhost{
  0%,100%{opacity:.22;transform:translate(0,0)}
  8%{opacity:.05;transform:translate(-2px,0)}
  9%{opacity:.3;transform:translate(2px,0)}
  10%{opacity:.18;transform:translate(0,0)}
  38%{opacity:.18;transform:translate(0,0)}
  39%{opacity:.05;transform:translate(3px,0)}
  40%{opacity:.28;transform:translate(-3px,0)}
  41%{opacity:.14;transform:translate(0,0)}
  73%{opacity:.14;transform:translate(0,0)}
  74%{opacity:.05;transform:translate(-1px,1px)}
  75%{opacity:.22;transform:translate(2px,-1px)}
  76%{opacity:.18;transform:translate(0,0)}
}
.support-title-cipher{
  width:min(760px,100%);
  margin:0 auto 20px;
  min-height:20px;
  color:#66f0a8;
  font:500 10px/1.5 var(--mono);
  letter-spacing:.22em;
  text-transform:uppercase;
  opacity:.82;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  animation:cipherSweep 12s linear infinite;
}
@keyframes cipherSweep{
  0%{opacity:.72}
  50%{opacity:.95}
  100%{opacity:.72}
}
.support-role-note strong{color:#66f0a8;font-weight:700;text-shadow:0 0 14px rgba(102,240,168,.15)}
.support-flow{perspective:1200px;}
.support-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(102,240,168,.12);
  box-shadow:0 28px 80px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.015), 0 0 0 1px rgba(20,60,34,.18);
  animation:cardIdle 10s ease-in-out infinite;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.support-card:nth-child(2){animation-delay:-5s}
.support-card::before{
  content:"";
  position:absolute;
  inset:-120% auto auto -20%;
  width:58%;
  height:260%;
  background:linear-gradient(90deg, transparent, rgba(102,240,168,.07), transparent);
  transform:rotate(14deg);
  animation:cardSweep 11s linear infinite;
  pointer-events:none;
}
.support-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.02), transparent 30%, transparent 70%, rgba(102,240,168,.02));
}
.support-card:hover{
  transform:translateY(-4px);
  border-color:rgba(102,240,168,.26);
  box-shadow:0 36px 96px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.03), 0 0 34px rgba(53,130,84,.08);
}
@keyframes cardIdle{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}
@keyframes cardSweep{
  0%{transform:translateX(-165%) rotate(14deg);opacity:0}
  8%{opacity:0}
  16%{opacity:1}
  36%{opacity:0}
  100%{transform:translateX(280%) rotate(14deg);opacity:0}
}
.support-step{color:#60d699;text-shadow:0 0 10px rgba(96,214,153,.18)}
.support-card h2{position:relative;color:#e6ebe8}
.support-card h2::after{
  content:"";
  display:block;
  width:72px;
  height:1px;
  margin-top:16px;
  background:linear-gradient(90deg, rgba(102,240,168,.62), rgba(102,240,168,0));
}
.support-state{
  border:1px solid rgba(102,240,168,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
}
.support-state strong{color:#edf9f2}
.support-state span{color:#8fb8a0}
.support-user img{border:1px solid rgba(102,240,168,.22); box-shadow:0 0 14px rgba(102,240,168,.08)}
.support-action{
  border:1px solid rgba(102,240,168,.26);
  background:linear-gradient(180deg, rgba(102,240,168,.12), rgba(42,121,73,.08));
  color:#effaf3;
  box-shadow:0 0 0 1px rgba(255,255,255,.02), inset 0 0 0 1px rgba(255,255,255,.02);
}
.support-action:hover{background:linear-gradient(180deg, rgba(102,240,168,.2), rgba(42,121,73,.13));border-color:rgba(102,240,168,.42);box-shadow:0 0 18px rgba(102,240,168,.08)}
.support-action-ghost{background:transparent;border-color:rgba(255,255,255,.12);color:#b9c9c0}
.support-action-ghost:hover{background:rgba(255,255,255,.04);border-color:rgba(102,240,168,.25)}
.support-small{color:#6f8b7a}
.support-amount-label{color:#9db9aa}
.support-amount-wrap{
  border:1px solid rgba(102,240,168,.18);
  background:linear-gradient(180deg, rgba(0,0,0,.38), rgba(9,20,13,.48));
  transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.support-amount-wrap:focus-within{
  border-color:rgba(102,240,168,.42);
  box-shadow:0 0 0 1px rgba(102,240,168,.12), 0 0 18px rgba(102,240,168,.06);
  transform:translateY(-1px);
}
.support-amount-wrap span{color:#66f0a8;text-shadow:0 0 10px rgba(102,240,168,.15)}
.support-quick button.active,
.support-quick button:hover{border-color:rgba(102,240,168,.34);color:#eaf7ef;background:rgba(102,240,168,.08)}
.support-message.success{border-left-color:#66f0a8;color:#c9f5da}
.support-message.warning{border-left-color:#d8c16a;color:#e2d8ad}
.support-message.error{border-left-color:#d87a7a;color:#efc0c0}
.support-footer-note{color:#70877a}
@media(max-width:800px){
  .support-title-cipher{white-space:normal;letter-spacing:.13em;min-height:34px}
}


/* ================================================================
   POLISH V2 — preserve original title animation, refine controls only
================================================================ */
:root{
  --support-green:#58b97b;
  --support-green-ghost:#3f8458;
  --support-blackfall:#d8a09a;
  --support-blackfall-muted:#9b756f;
}
/* Slightly darker green only; keep the original neon motion intact */
.support-title-main{
  background:linear-gradient(180deg,#dff7e7 0%, #9ce0b2 32%, #58b97b 68%, #cfe7d6 100%);
  text-shadow:0 0 18px rgba(88,185,123,.14), 0 0 38px rgba(41,86,57,.14);
}
.support-title-glitch{
  color:rgba(72,150,99,.40);
  text-shadow:0 0 10px rgba(88,185,123,.30), 0 0 26px rgba(41,86,57,.20);
}
.support-title-cipher{
  color:#62b27f;
}
/* cards/buttons only */
.support-card{
  border-radius:20px;
  border-color:rgba(216,160,154,.14);
  overflow:hidden;
  background:linear-gradient(180deg,rgba(10,10,10,.80),rgba(8,9,8,.76));
}
.support-card::before{
  width:46%;
  background:linear-gradient(90deg, transparent, rgba(216,160,154,.055), transparent);
}
.support-card::after{border-radius:20px}
.support-card:hover{
  border-color:rgba(216,160,154,.28);
  box-shadow:0 36px 96px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.03), 0 0 22px rgba(216,160,154,.04);
}
.support-step{color:var(--support-blackfall-muted);text-shadow:0 0 10px rgba(216,160,154,.10)}
.support-card h2::after{background:linear-gradient(90deg, rgba(216,160,154,.55), rgba(216,160,154,0));}
.support-state{
  border-radius:14px;
  border-color:rgba(216,160,154,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012));
}
.support-user img{border-color:rgba(216,160,154,.24);box-shadow:0 0 16px rgba(216,160,154,.06)}
.support-action,
.support-action-ghost,
.support-quick button,
.support-amount-wrap,
.support-message{border-radius:999px}
.support-action,
.support-action-ghost,
.support-quick button{position:relative;overflow:hidden}
.support-action{
  border-color:rgba(216,160,154,.38);
  background:linear-gradient(180deg, rgba(216,160,154,.12), rgba(109,71,67,.08));
  color:#efe6e4;
}
.support-action:hover{
  background:linear-gradient(180deg, rgba(216,160,154,.18), rgba(109,71,67,.12));
  border-color:rgba(216,160,154,.58);
  box-shadow:0 8px 20px rgba(0,0,0,.20), 0 0 18px rgba(216,160,154,.05);
}
.support-action-ghost{
  background:rgba(255,255,255,.018);
  border-color:rgba(255,255,255,.11);
  color:#b8b1ae;
}
.support-action-ghost:hover{
  background:rgba(216,160,154,.04);
  border-color:rgba(216,160,154,.28);
  color:#e5dbd8;
}
.support-action::after,
.support-action-ghost::after,
.support-quick button::after{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-50%;width:34%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  transform:skewX(-18deg);
  opacity:0;pointer-events:none;
}
.support-action:hover::after,
.support-action-ghost:hover::after,
.support-quick button:hover::after{animation:supportBtnSweep .8s ease}
@keyframes supportBtnSweep{
  0%{left:-50%;opacity:0}
  20%{opacity:.7}
  100%{left:125%;opacity:0}
}
.support-amount-wrap{
  border-radius:14px;
  border-color:rgba(216,160,154,.18);
  background:linear-gradient(180deg, rgba(0,0,0,.34), rgba(16,12,12,.36));
}
.support-amount-wrap:focus-within{
  border-color:rgba(216,160,154,.42);
  box-shadow:0 0 0 1px rgba(216,160,154,.07), 0 0 18px rgba(216,160,154,.045);
}
.support-amount-wrap span{color:var(--support-blackfall);text-shadow:0 0 8px rgba(216,160,154,.10)}
.support-quick{gap:9px}
.support-quick button{
  min-width:58px;height:34px;padding:0 14px;
  border-color:rgba(255,255,255,.09);
  background:rgba(255,255,255,.022);
  color:#aaa3a0;
  transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;
}
.support-quick button:hover{
  transform:translateY(-2px);
  border-color:rgba(216,160,154,.30);
  color:#e2d9d6;
  background:rgba(216,160,154,.055);
  box-shadow:0 8px 18px rgba(0,0,0,.13);
}
.support-quick button.active{
  border-color:rgba(216,160,154,.45);
  color:#f0e7e4;
  background:rgba(216,160,154,.095);
  box-shadow:inset 0 0 0 1px rgba(216,160,154,.05), 0 0 14px rgba(216,160,154,.035);
}
.support-quick button[data-custom-amount="true"]{min-width:92px;letter-spacing:.12em}
.support-message{border-radius:14px;background:rgba(255,255,255,.015)}
.support-message.success{border-left-color:var(--support-green)}
.support-footer-note{animation:supportFooterBreath 7s ease-in-out infinite}
@keyframes supportFooterBreath{0%,100%{opacity:.68}50%{opacity:.92}}


/* ================================================================
   WHITE TITLE FIX
   Removes the green text-gradient fill that can render as a block.
   Keeps the animated ghost layer behind the large title.
================================================================ */
.support-title-main{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:#eeeae8 !important;
  -webkit-text-fill-color:#eeeae8 !important;
  text-shadow:
    0 0 12px rgba(255,255,255,.08),
    0 0 30px rgba(255,255,255,.045) !important;
}

.support-title-glitch{
  color:rgba(235,235,232,.24) !important;
  -webkit-text-fill-color:rgba(235,235,232,.24) !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.16),
    0 0 26px rgba(255,255,255,.07) !important;
}


/* ================================================================
   SUBTLE WHITE / BLACKFALL RED PASS
   Neutralises the green-heavy treatment. White is primary, with the
   existing washed BlackFall red reserved for important accents only.
================================================================ */
:root{
  --support-white:#eceae7;
  --support-white-soft:#c9c6c2;
  --support-white-muted:#8e8b87;
  --support-red:#d8a09a;
  --support-red-soft:#a97b76;
}

/* Remove green wash from the page itself */
.support-main::after{
  opacity:.055 !important;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.06),transparent 30%),
    linear-gradient(180deg,transparent 0%,rgba(255,255,255,.008) 40%,transparent 82%) !important;
}

/* Main title: clean neon white, with the moving ghost still behind it */
.support-title-main{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:var(--support-white) !important;
  -webkit-text-fill-color:var(--support-white) !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.12),
    0 0 24px rgba(255,255,255,.07),
    0 0 46px rgba(255,255,255,.035) !important;
}
.support-title-glitch{
  color:rgba(255,255,255,.18) !important;
  -webkit-text-fill-color:rgba(255,255,255,.18) !important;
  text-shadow:
    0 0 9px rgba(255,255,255,.12),
    0 0 22px rgba(255,255,255,.06) !important;
}
.support-title-cipher{
  color:#9d9b97 !important;
  opacity:.58 !important;
  text-shadow:0 0 10px rgba(255,255,255,.04) !important;
}

/* Red is now reserved for genuinely important copy */
.support-role-note strong{
  color:var(--support-red) !important;
  text-shadow:0 0 12px rgba(216,160,154,.10) !important;
}
.support-card:nth-child(2) .support-step{
  color:var(--support-red-soft) !important;
}
.support-card:nth-child(2) .support-amount-wrap > span{
  color:var(--support-red) !important;
  text-shadow:0 0 9px rgba(216,160,154,.08) !important;
}

/* Everything else stays neutral / monochrome */
.support-step{
  color:#7e7b77 !important;
  text-shadow:none !important;
}
.support-card h2,
.support-state strong,
.support-amount-wrap input{
  color:var(--support-white) !important;
}
.support-state span,
.support-small,
.support-amount-label,
.support-footer-note{
  color:var(--support-white-muted) !important;
}
.support-card h2::after{
  background:linear-gradient(90deg,rgba(255,255,255,.28),rgba(255,255,255,0)) !important;
}

/* Softer monochrome cards */
.support-card{
  border-color:rgba(255,255,255,.085) !important;
  background:linear-gradient(180deg,rgba(11,11,11,.82),rgba(8,9,8,.76)) !important;
  box-shadow:
    0 28px 82px rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(255,255,255,.014) !important;
}
.support-card::before{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.032),transparent) !important;
}
.support-card::after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 28%,transparent 72%,rgba(255,255,255,.010)),
    radial-gradient(circle at 90% 0%,rgba(255,255,255,.025),transparent 34%) !important;
}
.support-card:hover{
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:
    0 36px 96px rgba(0,0,0,.36),
    0 0 24px rgba(255,255,255,.018),
    inset 0 0 0 1px rgba(255,255,255,.022) !important;
}

.support-state{
  border-color:rgba(255,255,255,.075) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.009)) !important;
}
.support-state:hover{
  border-color:rgba(255,255,255,.12) !important;
}
.support-user img{
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:0 0 14px rgba(255,255,255,.03) !important;
}

/* Buttons: mostly black/white, red only on emphasis and hover */
.support-action,
.support-action-ghost,
.support-quick button{
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.024) !important;
  color:#d8d5d1 !important;
  box-shadow:none !important;
  transition:
    transform .20s cubic-bezier(.2,.8,.2,1),
    border-color .20s ease,
    background .20s ease,
    color .20s ease,
    box-shadow .20s ease !important;
}
.support-action:hover,
.support-action-ghost:hover,
.support-quick button:hover{
  transform:translateY(-4px) scale(1.012) !important;
  border-color:rgba(216,160,154,.34) !important;
  background:rgba(216,160,154,.045) !important;
  color:#f1ece9 !important;
  box-shadow:0 9px 20px rgba(0,0,0,.18),0 0 14px rgba(216,160,154,.025) !important;
}
.support-action:active,
.support-action-ghost:active,
.support-quick button:active{
  transform:translateY(-1px) scale(.992) !important;
}
.support-quick button.active{
  border-color:rgba(216,160,154,.36) !important;
  background:rgba(216,160,154,.075) !important;
  color:#f1ece9 !important;
  box-shadow:inset 0 0 0 1px rgba(216,160,154,.035) !important;
}
.support-action::after,
.support-action-ghost::after,
.support-quick button::after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent) !important;
}

/* Input: neutral until focused, then a tiny red accent */
.support-amount-wrap{
  border-color:rgba(255,255,255,.09) !important;
  background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(255,255,255,.012)) !important;
}
.support-amount-wrap:focus-within{
  border-color:rgba(216,160,154,.25) !important;
  box-shadow:0 0 0 1px rgba(216,160,154,.035),0 0 16px rgba(216,160,154,.018) !important;
}

/* Status colours remain functional but intentionally restrained */
.support-message.success{border-left-color:#b8b8b3 !important;color:#cfcfc9 !important}
.support-message.warning{border-left-color:var(--support-red-soft) !important;color:#c7aaa6 !important}
.support-message.error{border-left-color:#a96d6d !important;color:#d4aaaa !important}

/* Tiny details, kept quiet */
.support-footer-note{animation:supportFooterBreath 8s ease-in-out infinite !important}
@keyframes supportFooterBreath{
  0%,100%{opacity:.60}
  50%{opacity:.82}
}
