.pay-root{--pay-ink:#10231a;--pay-soft:#5d6f65;--pay-green:#175d40;--pay-green-deep:#0c3325;--pay-paper:#f6f5f0;--pay-card:#fff;--pay-line:#10231a21;--pay-lime:#cff27e;--pay-danger:#8d2537;--pay-warn:#8a6216;background:var(--pay-paper);min-height:100vh;color:var(--pay-ink);font-family:Jost,DM Sans,Arial,sans-serif}.pay-page{width:min(1060px,100% - 40px);margin-inline:auto;padding:44px 0 60px}.pay-page--receipt{place-items:center;min-height:100vh;padding-block:60px;display:grid}.pay-brand{margin-bottom:28px;display:inline-flex}.pay-back{color:var(--pay-soft);letter-spacing:.12em;text-transform:uppercase;margin-bottom:30px;font-size:11px;font-weight:600;display:inline-block}.pay-back:hover{color:var(--pay-green)}.pay-kicker{color:var(--pay-green);letter-spacing:.28em;text-transform:uppercase;font-size:10px;font-weight:700}.pay-header h1{letter-spacing:-.04em;margin-top:14px;font:700 clamp(32px,4vw,46px)/1.08 Manrope,Jost,sans-serif}.pay-lead{max-width:520px;color:var(--pay-soft);margin-top:14px;font-size:15px;line-height:1.7}.pay-grid{grid-template-columns:1.25fr .75fr;align-items:start;gap:26px;margin-top:38px;display:grid}.pay-panel{background:var(--pay-card);border:1px solid var(--pay-line);border-radius:18px;padding:32px;box-shadow:0 18px 44px #10231a0f}.pay-panel__title{letter-spacing:.2em;text-transform:uppercase;color:var(--pay-soft);font:700 13px Jost,sans-serif}.pay-form{margin-top:22px}.pay-form fieldset{border:0;gap:18px;display:grid}.pay-form fieldset:disabled{opacity:.62}.pay-form__legend{letter-spacing:.24em;text-transform:uppercase;color:var(--pay-green);padding:0;font:700 10px Jost,sans-serif}.pay-field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pay-field{gap:8px;display:grid}.pay-field label{letter-spacing:.1em;text-transform:uppercase;color:var(--pay-soft);font-size:11px;font-weight:600}.pay-field label span{color:var(--pay-danger)}.pay-field input,.pay-field select,.pay-field textarea{width:100%;color:var(--pay-ink);border:1px solid var(--pay-line);resize:vertical;background:#fcfcfa;border-radius:10px;outline:none;padding:14px 15px;font-family:inherit;font-size:15px;transition:border-color .18s,box-shadow .18s}.pay-field input::placeholder,.pay-field textarea::placeholder{color:#9aa8a0}.pay-field input:focus,.pay-field select:focus,.pay-field textarea:focus{border-color:var(--pay-green);box-shadow:0 0 0 3px #175d401f}.pay-field input:invalid:not(:placeholder-shown){border-color:#cf9aa4}.pay-submit{color:#fff;background:var(--pay-green);cursor:pointer;letter-spacing:.02em;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:22px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.pay-submit:hover:not(:disabled){background:var(--pay-green-deep);transform:translateY(-2px)}.pay-submit:disabled{cursor:progress;opacity:.8}.pay-secondary{min-height:48px;color:var(--pay-ink);border:1px solid var(--pay-line);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:13px;font-weight:600;display:inline-flex}.pay-secondary:hover{background:#eef1ec}.pay-retry{width:100%;color:var(--pay-soft);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:11px;text-decoration:underline;display:inline-flex}.pay-error{color:var(--pay-danger);background:#fbeaed;border:1px solid #efc9d0;border-radius:10px;align-items:flex-start;gap:9px;margin-top:20px;padding:13px 15px;font-size:13px;line-height:1.55;display:flex}.pay-error svg{flex:none;margin-top:1px}.pay-testmode{color:var(--pay-warn);text-align:center;background:#fdf4e0;border-radius:8px;margin-top:14px;padding:10px 13px;font-size:11px}.pay-trust{color:var(--pay-soft);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:16px;font-size:11px;line-height:1.5;display:flex}.pay-trust svg{flex:none}.pay-side{gap:16px;display:grid}.pay-summary{background:var(--pay-green-deep);color:#fff;border-radius:18px;padding:24px}.pay-summary__row,.pay-summary__total{justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.pay-summary__row{padding-bottom:12px}.pay-summary__row--muted{color:#ffffff8c;font-size:11px}.pay-summary__row strong{font:700 20px Manrope,sans-serif}.pay-summary__total{border-top:1px solid #ffffff2e;margin-top:6px;padding-top:16px}.pay-summary__total strong{color:var(--pay-lime);letter-spacing:-.03em;font:800 30px Manrope,sans-serif}.pay-summary__note{color:#fff9;letter-spacing:.06em;margin-top:14px;font-size:10px}.pay-summary__note strong{color:#fff}.pay-card{background:var(--pay-card);border:1px solid var(--pay-line);border-radius:14px;padding:20px}.pay-card h3{color:var(--pay-green);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.pay-card p{color:var(--pay-soft);margin-top:10px;font-size:13px;line-height:1.7}.pay-steps{gap:2px;padding:8px 0;list-style:none;display:grid}.pay-steps li{grid-template-columns:30px 1fr;gap:12px;padding:11px 4px;display:grid}.pay-steps li+li{border-top:1px solid var(--pay-line)}.pay-steps span{width:26px;height:26px;color:var(--pay-green-deep);background:var(--pay-lime);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.pay-steps strong{font-size:13px;display:block}.pay-steps small{color:var(--pay-soft);margin-top:4px;font-size:11.5px;line-height:1.6;display:block}.pay-assurances{gap:10px;list-style:none;display:grid}.pay-assurances li{color:var(--pay-soft);align-items:center;gap:9px;font-size:12px;display:flex}.pay-assurances svg{color:var(--pay-green);flex:none}.pay-receipt{text-align:center;background:var(--pay-card);border:1px solid var(--pay-line);border-radius:22px;width:min(560px,100%);padding:42px 36px;box-shadow:0 24px 60px #10231a1a}.pay-receipt__badge{color:#fff;background:var(--pay-green);border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 22px;display:grid;box-shadow:0 10px 26px #175d4038}.pay-receipt__badge--pending{background:#b98a1f;box-shadow:0 10px 26px #b98a1f38}.pay-receipt__badge--failed{background:var(--pay-danger);box-shadow:0 10px 26px #8d253733}.pay-receipt h1{letter-spacing:-.035em;font:700 clamp(26px,3.4vw,34px) Manrope,sans-serif}.pay-receipt__lead{max-width:420px;color:var(--pay-soft);margin:12px auto 0;font-size:14px;line-height:1.75}.pay-pending{color:var(--pay-warn);text-align:left;background:#fdf4e0;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:10px 15px;font-size:12px;display:inline-flex}.pay-receipt__details{text-align:left;background:var(--pay-line);border:1px solid var(--pay-line);border-radius:12px;gap:1px;margin-top:28px;display:grid;overflow:hidden}.pay-receipt__details>div{background:#fbfbf8;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;display:flex}.pay-receipt__details dt{color:var(--pay-soft);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.pay-receipt__details dd{word-break:break-all;text-align:right;font-size:12.5px;font-weight:600}.pay-status{text-transform:capitalize}.pay-status--paid{color:var(--pay-green)}.pay-status--created{color:var(--pay-warn)}.pay-status--failed,.pay-status--abandoned{color:var(--pay-danger)}.pay-receipt__hint{color:var(--pay-soft);margin-top:16px;font-size:11px}.pay-receipt__actions{gap:10px;margin-top:24px;display:grid}.pay-receipt__actions .pay-submit{margin-top:0}.pay-footer{border-top:1px solid var(--pay-line);color:var(--pay-soft);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:40px;padding-top:20px;font-size:10px;display:flex}.pay-page--receipt .pay-footer{border-top:0;justify-content:center;gap:22px;width:min(560px,100%)}.spin{animation:1s linear infinite paySpin}@keyframes paySpin{to{transform:rotate(360deg)}}@media (max-width:900px){.pay-grid{grid-template-columns:1fr}.pay-side{order:-1}.pay-steps,.pay-assurances{display:none}}@media (max-width:560px){.pay-page{padding-top:30px}.pay-panel{border-radius:14px;padding:22px 18px}.pay-field-row{grid-template-columns:1fr}.pay-receipt{padding:30px 20px}.pay-receipt__details>div{flex-direction:column;align-items:flex-start;gap:5px}.pay-receipt__details dd{text-align:left}}@media (prefers-reduced-motion:reduce){.spin{animation:none}.pay-submit:hover:not(:disabled){transform:none}}