.support-hero{min-height:610px;display:grid;grid-template-columns:1.35fr .65fr;gap:7%;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 25%,#d8b66b18,transparent 28%),linear-gradient(135deg,#0d0f0d,#090a09 70%);border-bottom:1px solid var(--line)}
.support-hero:after{content:none}.support-hero-copy{position:relative;z-index:1;max-width:820px}.support-hero h1{font-size:clamp(58px,7vw,108px);line-height:1.08;margin-bottom:24px}.support-hero-copy>p:not(.overline){font-size:19px;color:var(--muted);max-width:700px}.support-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;direction:ltr}.support-trust-row span{border:1px solid #ffffff22;padding:7px 12px;font:600 12px/1 var(--display);letter-spacing:1.5px;color:#d7d8d0}
.support-panel-section{background:#0d0f0d}.support-panel{max-width:1120px;margin:auto;border:1px solid var(--line);background:linear-gradient(145deg,#141713,#0f110f);padding:clamp(26px,4vw,54px);box-shadow:0 30px 80px #0005}.support-panel-head{display:flex;justify-content:space-between;align-items:end;gap:30px;border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:28px}.support-state{color:#d8b66b;background:#d8b66b0c;border:1px solid #d8b66b44;padding:7px 12px;font-size:12px}.support-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.support-amounts button{background:#0d0f0d;border:1px solid var(--line);color:var(--ink);padding:18px 14px;font:700 30px/1 var(--display);transition:.2s}.support-amounts button small{font-size:11px;color:var(--muted);letter-spacing:1.5px}.support-amounts button:hover,.support-amounts button.selected{border-color:var(--gold);background:#d8b66b0c;color:var(--gold)}.custom-amount{display:block;color:var(--muted);font-size:13px;margin:22px 0 30px}.custom-amount>span{display:flex;align-items:center;border:1px solid var(--line);margin-top:9px;background:#0d0f0d}.custom-amount input{margin:0;border:0;background:transparent}.custom-amount b{padding:0 18px;color:var(--gold);font:600 13px var(--display);letter-spacing:1px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.payment-card{min-height:145px;text-align:right;background:#0d0f0d;border:1px solid var(--line);padding:20px;display:grid;grid-template-columns:auto 1fr;gap:3px 14px;align-items:center;position:relative;color:var(--ink)}.payment-card:hover,.payment-card.selected{border-color:#d8b66b99;background:#d8b66b08}.payment-icon{grid-row:1/3;width:42px;height:42px;border:1px solid #d8b66b66;display:grid;place-items:center;color:var(--gold);font:700 18px var(--display)}.payment-card strong{font-size:16px}.payment-card small{color:var(--muted)}.payment-card i{position:absolute;left:14px;top:12px;font-style:normal;color:#d8b66b;font-size:10px}.support-submit{width:100%;font-size:17px}.support-submit span{font-size:17px}.support-notice{text-align:center;color:var(--muted);font-size:13px;margin:15px 0 0}.support-notice.is-active{color:#e0c585}
.support-purpose{background:#090a09}.support-purpose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.support-purpose-grid article{border:1px solid var(--line);padding:26px;background:#111310}.support-purpose-grid article>span{font:600 12px var(--display);color:var(--gold);letter-spacing:1px}.support-purpose-grid h3{font-size:25px;margin:12px 0 8px}.support-purpose-grid p{color:var(--muted);margin:0;font-size:14px}.support-final{background:var(--gold);color:#11140d}.support-final .technical{color:#54492e}.support-final h2{max-width:860px;font-size:clamp(34px,4vw,58px);margin:10px 0 25px}.support-final>div{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.support-final .button.secondary{color:#11140d;border-color:#11140d}.support-final .text-link{border-color:#11140d}.support-final .text-link span{color:#11140d}
@media(max-width:900px){.support-hero{grid-template-columns:1fr}.support-mark{display:none}.support-purpose-grid{grid-template-columns:1fr 1fr}.payment-methods{grid-template-columns:1fr}.support-panel-head{align-items:start;flex-direction:column}.support-amounts{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.support-hero{min-height:520px}.support-hero h1{font-size:54px}.support-purpose-grid{grid-template-columns:1fr}.support-panel{padding:22px}.support-amounts button{font-size:26px}}


/* Final support hero: clean, text-only layout. */
.support-hero{grid-template-columns:1fr!important}
.support-hero-copy{max-width:900px;margin-inline-start:0!important;margin-inline-end:auto!important;text-align:right}
.support-trust-row{justify-content:flex-end}
@media(max-width:760px){.support-hero-copy{max-width:none}.support-trust-row{justify-content:flex-start;direction:ltr}.support-trust-row span{font-size:10px;padding:6px 8px}.support-hero h1{font-size:clamp(46px,13vw,64px)}}

.paypal-box{display:none;max-width:520px;margin:0 auto 12px;position:relative;z-index:2}.paypal-box.show{display:block}.paypal-estimate{display:none;text-align:center;color:var(--gold);font-size:13px;margin:0 0 14px}.paypal-estimate.show{display:block}.support-notice.success{color:#b8e6b8}.payment-card[data-method="paypal"] i{color:#d8b66b;border:1px solid #d8b66b55;padding:2px 5px}

.direct-transfer{display:none;border:1px solid #d8b66b55;background:#0d0f0d;padding:22px;margin:0 0 18px}.direct-transfer.show{display:block}.direct-transfer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.direct-transfer-head strong{font-size:18px}.direct-transfer>p{color:var(--muted);margin:0 0 18px}.bank-detail{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0}.bank-detail span{color:var(--muted);font-size:12px}.bank-detail b{font-size:14px;overflow-wrap:anywhere}.iban-detail{grid-template-columns:150px 1fr auto}.copy-bank{border:1px solid #d8b66b77;background:#d8b66b0b;color:var(--gold);padding:9px 13px;font-weight:700}.copy-bank:hover{border-color:var(--gold)}.bank-note{display:block;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:14px;margin-top:2px}@media(max-width:650px){.bank-detail,.iban-detail{grid-template-columns:1fr}.copy-bank{width:100%}.direct-transfer-head{align-items:flex-start;flex-direction:column}}

/* Responsive bank transfer details — desktop + mobile */
.iban-detail{grid-template-columns:150px minmax(0,1fr);align-items:start}
.iban-detail #wapf-iban{grid-column:2;display:block;width:100%;padding:12px 14px;border:1px solid #ffffff18;background:#090a09;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;line-height:1.5;letter-spacing:.35px;overflow-wrap:anywhere;word-break:break-all;text-align:left}
.iban-detail .copy-bank{grid-column:2;justify-self:start;margin-top:2px;min-width:130px}
@media(max-width:650px){
  .direct-transfer{padding:18px}
  .bank-detail,.iban-detail{grid-template-columns:1fr;gap:8px}
  .iban-detail #wapf-iban,.iban-detail .copy-bank{grid-column:1}
  .iban-detail #wapf-iban{font-size:13px;padding:12px 10px;letter-spacing:.15px}
  .copy-bank{width:100%;min-height:44px}
  .bank-detail b{font-size:13px}
}


/* Local direct support methods — responsive desktop/mobile */
.local-transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.local-transfer-card{min-width:0;border:1px solid #ffffff18;background:#090a09;padding:18px;display:flex;flex-direction:column;gap:12px}
.local-transfer-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.local-transfer-title strong{font-size:16px}.local-transfer-title .technical{color:var(--gold);font-size:10px}
.local-detail{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;align-items:center}
.local-detail span{color:var(--muted);font-size:12px}.local-detail b{font-size:14px;overflow-wrap:anywhere}
.local-transfer-card .copy-bank{width:100%;min-height:44px;margin-top:auto}
@media(max-width:760px){.local-transfer-grid{grid-template-columns:1fr}.local-transfer-card{padding:16px}.local-detail{grid-template-columns:1fr;gap:5px}.local-transfer-title{align-items:flex-start}.local-transfer-card .copy-bank{min-height:48px;font-size:14px}}


/* Premium payment-method cards — RTL order: PayPal (right), Direct (center), Cards (left) */
.payment-methods{direction:rtl}
.payment-card{min-height:156px;display:grid;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:auto 1fr;column-gap:18px;row-gap:10px;align-items:center;padding:22px 20px;text-align:right;overflow:hidden;isolation:isolate;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.payment-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#ffffff08 50%,transparent 80%);transform:translateX(110%);transition:transform .45s ease;pointer-events:none;z-index:-1}
.payment-card:hover:before{transform:translateX(-110%)}
.payment-card:hover{transform:translateY(-2px)}
.payment-card.selected{border-color:#d8b66bcc;box-shadow:inset 0 0 0 1px #d8b66b22,0 10px 30px #0004}
.payment-brand{grid-column:1;grid-row:1;display:flex;align-items:center;gap:10px;direction:ltr;justify-self:end;min-height:38px;font-family:Arial,sans-serif}
.payment-card-copy{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:5px;justify-self:end;align-self:start}
.payment-card-copy strong{font-size:17px}.payment-card-copy small{color:var(--muted);font-size:13px;direction:ltr}
.payment-action-icon{grid-column:2;grid-row:1/3;width:48px;height:48px;border:1px solid #d8b66b66;display:grid;place-items:center;color:var(--gold);font:700 17px var(--display);background:#ffffff03}
.paypal-brand{font-size:25px;font-weight:700;letter-spacing:-1px;color:#e9f2ff}.paypal-mark{font-style:italic;font-size:34px;line-height:1;color:#2f8ee5;text-shadow:-4px 3px 0 #1359a8}
.bank-brand{font-size:20px;color:#f2f3ed}.bank-symbol{font-size:31px;line-height:1;color:#dce7ef;transform:rotate(90deg)}
.cards-brand{gap:8px}.visa-word{font-size:27px;font-style:italic;letter-spacing:-1.5px;color:#7ca8ff}.mc-mark{display:flex;position:relative;width:47px;height:29px}.mc-mark i{position:absolute;top:2px;width:27px;height:27px;border-radius:50%;background:#ff4b43}.mc-mark i:first-child{left:1px}.mc-mark i:last-child{right:1px;background:#f5a03a;mix-blend-mode:screen}
.card-chip{font-size:20px}.payment-card .coming-soon{position:absolute;left:14px;top:12px;font-style:normal;color:#d8b66b;font-size:10px}
@media(max-width:900px){.payment-methods{direction:rtl}.payment-card{min-height:128px}}
@media(max-width:520px){.payment-card{min-height:118px;padding:18px 16px}.payment-brand{justify-self:end}.paypal-brand{font-size:23px}.visa-word{font-size:24px}.payment-action-icon{width:44px;height:44px}.payment-card-copy strong{font-size:16px}}

/* Exact payment-card visual refinement — reference-matched layout */
.payment-methods{direction:rtl;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.payment-card{min-height:168px;grid-template-columns:minmax(0,1fr) 54px;grid-template-rows:1fr auto;padding:25px 22px;border:1px solid #6e8292;background:linear-gradient(145deg,#07131c,#081722);box-shadow:none;border-radius:0}
.payment-card:hover{transform:none;border-color:#8ca7ba;background:linear-gradient(145deg,#081925,#0a1b27)}
.payment-card.selected{border-color:#2da7ff;box-shadow:inset 0 0 0 1px #2da7ff33,0 0 22px #168ee71a;background:linear-gradient(145deg,#082039,#091b2a)}
.payment-card:before{display:none}
.payment-brand{grid-column:1;grid-row:1;justify-self:center;align-self:end;gap:10px;min-height:44px}
.payment-card-copy{grid-column:1;grid-row:2;justify-self:center;align-self:start;text-align:center;margin-top:5px}
.payment-card-copy small{font-size:16px;color:#72aef4;direction:rtl;line-height:1.4}
.payment-action-icon{grid-column:2;grid-row:1/3;align-self:center;width:54px;height:54px;border:1px solid #7b96aa;color:#f1f6fb;background:#07111a;font-size:18px}
.paypal-brand{font-size:29px;color:#eef5ff}.paypal-mark{font-size:39px;color:#2f98ef;text-shadow:-5px 3px 0 #0c5caf}
.bank-brand{font-size:24px;color:#f4f6f7;direction:rtl;justify-content:center}.bank-symbol{font-size:35px;color:#e6f1fa;transform:none}
.jo-badge{font-style:normal;font:700 11px/1 Arial,sans-serif;letter-spacing:.8px;color:#9fd0ff;border:1px solid #5a8eb8;background:#0c2940;padding:6px 7px;margin-inline-start:3px}
.cards-brand{justify-content:center}.visa-word{font-size:31px;color:#75a9ff}.mc-mark{width:52px;height:31px}.mc-mark i{width:29px;height:29px}
.payment-card .coming-soon{left:14px;top:12px;color:#d8b66b;font-size:10px}
@media(max-width:900px){.payment-methods{grid-template-columns:1fr}.payment-card{min-height:132px;grid-template-columns:minmax(0,1fr) 50px;padding:20px}.payment-action-icon{width:50px;height:50px}.payment-brand{justify-self:center}.payment-card-copy{justify-self:center}}
@media(max-width:520px){.payment-card{min-height:122px;padding:17px 15px}.paypal-brand{font-size:26px}.paypal-mark{font-size:35px}.bank-brand{font-size:21px}.visa-word{font-size:27px}.payment-card-copy small{font-size:14px}}


/* WAPF payment cards — final clean visual system */
.payment-methods{direction:rtl;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.payment-card{min-height:150px;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:1fr auto;padding:22px 20px;border:1px solid var(--line);background:#0d0f0d;box-shadow:none;border-radius:0;color:var(--ink);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.payment-card:before{display:none!important}.payment-card:hover{transform:none;background:#111410;border-color:#d8b66b70}.payment-card.selected{background:#111410;border-color:var(--gold);box-shadow:inset 0 0 0 1px #d8b66b18,0 8px 24px #0003}
.payment-brand{grid-column:1;grid-row:1;justify-self:center;align-self:end;min-height:38px;gap:9px}.payment-card-copy{grid-column:1;grid-row:2;justify-self:center;align-self:start;text-align:center;margin-top:5px}.payment-card-copy small{font-size:14px;color:var(--muted);direction:rtl;line-height:1.4}
.payment-action-icon{grid-column:2;grid-row:1/3;align-self:center;width:48px;height:48px;border:1px solid #d8b66b66;color:var(--gold);background:#0b0d0b;display:grid;place-items:center}
.payment-card.selected .payment-action-icon{border-color:#d8b66b99;background:#d8b66b08}
.mini-square{width:10px;height:10px;background:currentColor;display:block}.card-glyph{width:22px;height:15px;border:1.5px solid currentColor;border-radius:2px;position:relative;display:block}.card-glyph:before{content:"";position:absolute;left:2px;right:2px;top:4px;border-top:2px solid currentColor}
.paypal-brand{font-size:26px;font-weight:700;letter-spacing:-1px;color:#f1f3ee}.paypal-mark{font-size:34px;line-height:1;color:#2f8ee5;text-shadow:-4px 3px 0 #1359a8}.payment-paypal.selected .paypal-brand{color:#fff}
.bank-brand{font-size:20px;color:#f1f3ee;direction:rtl;justify-content:center}.bank-symbol{width:29px;height:27px;display:grid;grid-template-columns:repeat(3,4px);gap:4px;justify-content:center;align-content:end;position:relative;color:#e9ece7;border-bottom:3px solid currentColor;padding-bottom:3px}.bank-symbol:before{content:"";position:absolute;left:2px;right:2px;top:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:8px solid currentColor}.bank-symbol i{width:4px;height:13px;background:currentColor;display:block}.jo-badge{font-style:normal;font:700 10px/1 Arial,sans-serif;letter-spacing:.8px;color:var(--gold);border:1px solid #d8b66b66;background:#d8b66b08;padding:5px 6px;margin-inline-start:2px}
.cards-brand{justify-content:center;gap:8px}.visa-word{font-size:28px;font-style:italic;letter-spacing:-1.5px;color:#759bd8}.mc-mark{display:flex;position:relative;width:45px;height:27px}.mc-mark i{position:absolute!important;top:0!important;width:27px!important;height:27px!important;border-radius:50%;background:#eb4d4b!important}.mc-mark i:first-child{left:0!important}.mc-mark i:last-child{right:0!important;background:#eaa13b!important;mix-blend-mode:normal!important;opacity:.9}.payment-card .coming-soon{left:13px;top:11px;color:var(--gold);font-size:9px;letter-spacing:.2px}
@media(max-width:900px){.payment-methods{grid-template-columns:1fr}.payment-card{min-height:120px;grid-template-columns:minmax(0,1fr) 46px;padding:18px}.payment-action-icon{width:46px;height:46px}.payment-brand,.payment-card-copy{justify-self:center}}
@media(max-width:520px){.payment-card{min-height:112px;padding:16px 14px}.paypal-brand{font-size:24px}.paypal-mark{font-size:31px}.bank-brand{font-size:19px}.visa-word{font-size:25px}.payment-card-copy small{font-size:13px}}