/* Onest is bundled locally under SIL OFL 1.1; license is in assets/fonts. */
@font-face{font-family:'Onest';src:url('assets/fonts/Onest.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}

#payment-help{padding:40px 0 56px;background:#19102b}
#payment-help .container{max-width:1100px}
#payment-help .support-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);grid-template-rows:auto;column-gap:52px;row-gap:30px;align-items:center;padding:44px 48px;border:1px solid #c5a0ff;border-radius:28px;background:linear-gradient(120deg,#783bd6 0%,#6e32ba 50%,#9d37ad 100%);box-shadow:0 20px 64px #602ec326,inset 0 1px 0 #ffffff24;isolation:isolate;overflow:hidden}
#payment-help .support-panel::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:-20%;background:radial-gradient(ellipse at 18% 0%,#cba6ff50,transparent 45%),radial-gradient(ellipse at 90% 80%,#ef96f13b,transparent 42%);animation:support-v35-glow 12s ease-in-out infinite alternate}
#payment-help .support-panel,#payment-help .support-panel h2,#payment-help .support-panel h3,#payment-help .support-panel button,#payment-help .support-panel a{font-family:'Onest',Arial,sans-serif!important;font-synthesis:none}
#payment-help .support-content{display:flex;flex-direction:column;gap:30px;min-width:0;grid-column:1;grid-row:1}
#payment-help .support-intro{grid-column:1;grid-row:1;align-self:stretch;text-align:left;max-width:420px;margin:0;padding:0}
#payment-help .support-eyebrow{justify-content:flex-start;gap:9px;font-size:12px;font-weight:450;line-height:1.4;letter-spacing:.1px;text-transform:none;color:#eee0ff;margin:0 0 22px}
#payment-help .support-eyebrow img{width:22px;height:22px}
#payment-help #supportTitle{font-size:clamp(36px,4.1vw,49px);font-weight:570!important;line-height:1.09;letter-spacing:-1.8px;margin:0;color:#fff;text-wrap:balance}
#payment-help #supportTitle span{color:#f4e6ff}
#payment-help .support-copy{font-size:17px;font-weight:400;line-height:1.6;letter-spacing:0;color:#f2e8fc;max-width:370px;margin:22px 0 0;text-wrap:pretty}
#payment-help .support-steps{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);column-gap:10px;row-gap:12px;max-width:465px;width:100%;margin:0;align-items:center;justify-self:end}
#payment-help .support-step{align-self:start;text-align:center;min-width:0}
#payment-help .support-step-title{display:flex;align-items:center;justify-content:flex-start;gap:7px;white-space:nowrap;font-size:12px;line-height:1.4;font-weight:500!important;color:#fcf5ff;margin:0 0 12px;letter-spacing:0}
#payment-help .support-step-number{border:1px solid #e4ccff5c;background:#ffffff0b;width:22px;height:22px;border-radius:7px;font-size:9px;line-height:1;font-weight:500;color:#ede0fc}
#payment-help .support-shot-wrap{width:100%;margin:0}
#payment-help .support-shot{width:100%;border:1px solid #dcc5fcab;border-radius:17px;padding:0;background:#7b4bae;box-shadow:0 12px 30px #32164c45;transition:transform .22s ease,box-shadow .22s ease}
#payment-help .support-shot img{width:100%;height:auto;display:block;aspect-ratio:707/1536;object-fit:contain}
#payment-help .support-pointer{width:26px;height:24px;right:-10px;top:76.7%;filter:drop-shadow(0 2px 2px #49207080)}
#payment-help .support-pointer .pointer-shadow{stroke:#7b3fb5}
#payment-help .support-connector{margin:0 0 12px;color:#eedaff;align-self:center}
#payment-help .support-connector svg{width:26px;height:30px;transform:none;stroke-width:1.6;animation:support-v35-arrow 3.4s ease-in-out infinite}
#payment-help .support-step figcaption{margin:11px 0 0;font-size:11px;font-weight:400;line-height:1.5;color:#f1defd;letter-spacing:0;max-width:none}
#payment-help .support-zoom-hint{grid-column:1 / -1;text-align:center;font-size:11px;font-weight:400;line-height:1.5;color:#e6c9f5;margin:2px 0 0}
#payment-help .support-bottom{grid-column:1;grid-row:2;align-self:start;max-width:none;width:100%;border:0;margin:0;padding:0}
#payment-help .support-button{max-width:350px;min-height:58px;width:100%;gap:10px;padding:16px 18px;margin:0;border:1px solid #fffffff0;border-radius:15px;background:#fff;color:#52268d!important;box-shadow:0 9px 26px #39125829;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.1px;transition:transform .2s ease,box-shadow .2s ease}
#payment-help .support-button img{width:25px;height:25px}
#payment-help .support-button>span{margin-left:auto;font-size:20px;font-weight:400;color:#6a3c9c;transition:transform .2s ease}
#payment-help .support-button::after{background:linear-gradient(90deg,transparent,#b979ec22,transparent);animation:support-shimmer 7s ease-in-out infinite}
#payment-help .support-button:active{transform:translateY(1px)}
#payment-help :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:4px}
#payment-help .support-button:focus-visible{outline-color:#3b1c61}
@keyframes support-v35-glow{from{transform:translate3d(-2%,0,0);opacity:.7}to{transform:translate3d(3%,2%,0);opacity:1}}
@keyframes support-v35-arrow{0%,75%,100%{transform:translateX(0)}85%{transform:translateX(3px)}}
@media(hover:hover){
 #payment-help .support-shot:hover{transform:translateY(-4px);box-shadow:0 16px 36px #32164c66}
 #payment-help .support-button:hover{filter:none;transform:translateY(-2px);box-shadow:0 13px 30px #3912583f}
 #payment-help .support-button:hover>span{transform:translate(2px,-2px)}
}
@media(max-width:950px) and (min-width:701px){
 #payment-help .support-panel{column-gap:28px;padding:32px 30px;grid-template-columns:1fr 1fr}
 #payment-help #supportTitle{font-size:36px;letter-spacing:-1.2px}
 #payment-help .support-copy{font-size:15px}
 #payment-help .support-steps{column-gap:5px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}
 #payment-help .support-step-title{font-size:10px;gap:4px}
 #payment-help .support-step-number{width:18px;height:18px;font-size:8px}
 #payment-help .support-step figcaption{font-size:10px}
 #payment-help .support-button{font-size:13px;gap:8px;padding:14px 12px}
}
@media(max-width:700px){
 #payment-help{padding:26px 0 36px}
 #payment-help .container{width:calc(100% - 24px)!important}
 #payment-help .support-panel{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:27px 22px 23px;border-radius:24px;background:linear-gradient(145deg,#7f3eda,#7134be 53%,#9839ae);border-color:#bf90ff}
 #payment-help .support-content{display:contents}
 #payment-help .support-intro{align-self:stretch;max-width:none;order:0}
 #payment-help .support-steps{order:1}
 #payment-help .support-bottom{order:2}
 #payment-help .support-eyebrow{margin-bottom:18px;font-size:11px}
 #payment-help #supportTitle{font-size:35px;line-height:1.1;letter-spacing:-1.2px;font-weight:560!important}
 #payment-help .support-copy{margin-top:16px;font-size:15px;line-height:1.6;max-width:none}
 #payment-help .support-steps{width:100%;max-width:405px;align-self:center;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);column-gap:8px;row-gap:9px}
 #payment-help .support-step-title{font-size:10px;gap:5px;margin-bottom:10px}
 #payment-help .support-step-number{width:19px;height:19px;border-radius:6px;font-size:8px}
 #payment-help .support-shot{border-radius:13px}
 #payment-help .support-step figcaption{font-size:10px;line-height:1.4;margin-top:9px}
 #payment-help .support-connector{margin-bottom:15px}
 #payment-help .support-connector svg{width:22px;height:28px}
 #payment-help .support-zoom-hint{font-size:10px;margin-top:2px;color:#ecd5fa}
 #payment-help .support-bottom{padding:0}
 #payment-help .support-button{max-width:none;font-size:14px;min-height:56px;padding:15px 14px;gap:9px;border-radius:14px}
}
@media(max-width:359px){
 #payment-help .support-panel{padding:25px 17px 19px;gap:22px}
 #payment-help #supportTitle{font-size:32px;letter-spacing:-1px}
 #payment-help .support-copy{font-size:14px}
 #payment-help .support-steps{column-gap:5px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}
 #payment-help .support-step-title{font-size:9px;gap:4px}
 #payment-help .support-step-number{width:17px;height:17px;font-size:7px}
 #payment-help .support-connector svg{width:18px}
 #payment-help .support-button{font-size:13px;padding:14px 11px;gap:8px}
}
@media(prefers-reduced-motion:reduce){
 #payment-help .support-panel::before,#payment-help .support-connector svg,#payment-help .support-button::after{animation:none!important}
 #payment-help .support-shot,#payment-help .support-button,#payment-help .support-button>span{transition:none!important;transform:none!important}
}