.qfd-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,250,255,.82));border:1px solid rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(30,45,86,.15),inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.qfd-card:before{content:"";position:absolute;inset:-45% auto auto -25%;width:55%;height:80%;pointer-events:none;background:linear-gradient(115deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(14deg);animation:qfd-card-glint 7s ease-in-out infinite}
.qfd-submit{background:linear-gradient(125deg,#252d69,#315493 48%,#4bbbd9)!important;box-shadow:0 15px 34px rgba(37,45,105,.3),inset 0 1px 0 rgba(255,255,255,.35)}
.qfd-launching{position:fixed;z-index:2147483647;inset:0;display:grid;place-items:center;padding:20px;background:rgba(8,15,43,.68);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.qfd-launching>div{display:grid;place-items:center;gap:12px;min-width:min(340px,90vw);padding:30px;border:1px solid rgba(255,255,255,.55);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(225,246,252,.88));box-shadow:0 28px 80px rgba(0,0,0,.28);color:#252d69;text-align:center}
.qfd-launching i{width:42px;height:42px;border:4px solid rgba(75,187,217,.25);border-top-color:#4bbbd9;border-radius:50%;animation:qfd-spin .75s linear infinite}.qfd-launching strong{font-size:18px}.qfd-launching small{font-size:20px}
body.qfd-is-launching{overflow:hidden!important}
@keyframes qfd-spin{to{transform:rotate(360deg)}}@keyframes qfd-card-glint{0%,60%{transform:translateX(-130%) rotate(14deg)}85%,100%{transform:translateX(310%) rotate(14deg)}}
@media(max-width:520px){.qfd{width:100%;margin:4px 0}.qfd-card{padding:10px 6px!important;border-radius:18px}.qfd-steps{margin-bottom:10px}.qfd-label{margin-bottom:6px}.qfd-amounts{gap:7px;margin-bottom:9px}.qfd-submit{min-height:53px;font-size:17px}.qfd-status{min-height:17px;margin-top:5px}.qfd-secure{margin:0;font-size:10px}}
.qfd-other{min-height:58px;border-style:dashed!important;background:linear-gradient(135deg,rgba(75,187,217,.07),rgba(255,255,255,.9))!important}.qfd-other.is-active{border-style:solid!important}.qfd-custom-wrap{margin:-2px 0 11px;padding:10px;border:1px solid rgba(75,187,217,.25);border-radius:14px;background:rgba(238,250,254,.78)}.qfd-custom-wrap.is-visible{display:block}.qfd-custom{min-height:48px!important;background:#fff!important}
@media(max-width:520px){.qfd-other{min-height:50px;padding:8px!important}.qfd-custom-wrap{padding:7px;margin-bottom:8px}.qfd-custom{min-height:44px!important}}

/* 3.8 — animated impact total and compact mobile choices */
.qfd-progress{margin-top:18px!important;padding-top:17px!important}.qfd-progress>div:first-child{align-items:flex-end;margin-bottom:10px!important}.qfd-progress>div:first-child strong{display:flex;align-items:baseline;gap:7px;color:#263267;font-size:15px}.qfd-progress>div:first-child strong b{color:#202d67;font-size:clamp(22px,3vw,29px);font-weight:950;letter-spacing:-.02em}.qfd-progress .qfd-goal{color:#27315c!important;font-size:14px;font-weight:900}.qfd-track{position:relative;height:23px!important;border-width:2px!important;background:linear-gradient(180deg,#fff,#eaf6fa)!important;box-shadow:inset 0 3px 8px rgba(28,47,79,.1),0 7px 20px rgba(75,187,217,.12)}.qfd-track span{width:0;background:linear-gradient(90deg,#27336c,#3d83b5 58%,#58d6e8)!important;box-shadow:0 0 20px rgba(75,187,217,.5)}.qfd-track span.is-animated{animation:qfd-progress-grow 1.15s cubic-bezier(.22,.8,.24,1) forwards}.qfd-progress>small{font-weight:900;color:#3a4970!important}
@keyframes qfd-progress-grow{from{width:0}to{width:var(--qfd-target)}}
@media(max-width:520px){.qfd-option-copy small{display:-webkit-box!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:2px!important;font-size:9.5px!important;line-height:1.3!important;color:#6d7890!important}.qfd-option-item{grid-template-columns:minmax(0,1fr) 78px 58px 16px!important;gap:3px!important}.qfd-option-quantity{grid-template-columns:25px 28px 25px!important;width:78px!important;min-width:78px!important;max-width:78px!important}.qfd-option-quantity button{width:25px!important;min-width:25px!important}.qfd-option-total{min-width:58px!important}.qfd-option-total small{font-size:7.5px!important}.qfd-progress>div:first-child strong{font-size:12px}.qfd-progress>div:first-child strong b{font-size:21px}.qfd-progress .qfd-goal{font-size:12px}.qfd-track{height:21px!important}}
@media(max-width:520px){.qfd .qfd-option-copy small{display:-webkit-box!important;visibility:visible!important;opacity:1!important;max-height:2.65em!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.qfd .qfd-option-item{min-height:62px!important}.qfd .qfd-option-total small{display:block!important;max-height:none!important;visibility:visible!important;opacity:1!important}}
@media(max-width:520px){.qfd .qfd-progress{margin-top:14px!important;padding:15px 4px 2px!important;border-top:1px solid #d5e3eb!important}.qfd .qfd-progress>div:first-child{align-items:flex-end!important;gap:7px!important;margin-bottom:10px!important}.qfd .qfd-progress>div:first-child strong{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px!important;color:#1f2c61!important;font-size:13px!important;font-weight:900!important}.qfd .qfd-progress>div:first-child strong b{display:inline-block!important;color:#172356!important;font-size:25px!important;font-weight:950!important;line-height:1!important}.qfd .qfd-progress .qfd-goal{color:#18234e!important;font-size:13px!important;font-weight:950!important;white-space:nowrap!important}.qfd .qfd-track{height:25px!important;border:2px solid #42b8d2!important;border-radius:999px!important;background:#edf8fb!important;box-shadow:inset 0 3px 8px rgba(25,49,82,.14),0 8px 22px rgba(47,161,192,.17)!important}.qfd .qfd-track span{min-width:3px!important;background:linear-gradient(90deg,#202e68,#3379ae 58%,#56d6e8)!important}.qfd .qfd-progress>small{margin-top:5px!important;color:#27365f!important;font-size:13px!important;font-weight:950!important}}

@media(max-width:520px){.qfd .qfd-progress>div:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important}.qfd .qfd-progress>div:first-child strong{min-width:0!important;flex-wrap:nowrap!important;white-space:nowrap!important}.qfd .qfd-progress>div:first-child strong b{direction:ltr!important;unicode-bidi:isolate!important}.qfd .qfd-progress .qfd-goal{max-width:46vw!important;overflow:hidden!important;text-overflow:ellipsis!important}.qfd .qfd-progress>small{text-align:start!important}}

/* Server-rendered fallback: the bar remains visible even when scripts are delayed or cached. */
.qfd .qfd-track span{width:var(--qfd-target,0%)}
@media(prefers-reduced-motion:reduce){.qfd-track span{width:var(--qfd-target)!important}.qfd-track span.is-animated{animation:none!important}}

/* A visible, lively fill even at a small 1% campaign value. */
.qfd .qfd-track span{position:relative;overflow:hidden;min-width:12px!important}
.qfd .qfd-track span:after{content:"";position:absolute;inset:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:translateX(-180%);animation:qfd-progress-glint 2.2s ease-in-out infinite}
@keyframes qfd-progress-glint{55%,100%{transform:translateX(320%)}}
@media(prefers-reduced-motion:reduce){.qfd .qfd-track span:after{display:none!important}}
