.pay-root{--pay-bg:#fbfaf7;--pay-surface:#fff;--pay-surface-alt:#f5f3ef;--pay-border:#ebe7df;--pay-border-strong:#d6d2ca;--pay-text:#111827;--pay-muted:#5b6474;--pay-brand:#f26b1d;--pay-primary:#c94d0b;--pay-primary-hover:#a33d0b;--pay-primary-soft:#fff4ec;--pay-primary-soft-text:#a33d0b;--pay-navy:#0f1b2d;--pay-focus:#f7863f;--pay-success:#15803d;--pay-success-soft:#e8f6ee;--pay-warning:#b45309;--pay-warning-soft:#fef3c7;--pay-danger:#dc2626;--pay-danger-soft:#fef2f2;--pay-danger-text:#b91c1c;min-height:100vh;display:flex;flex-direction:column;background:var(--pay-bg);color:var(--pay-text);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6}.pay-root *,.pay-root :after,.pay-root :before{box-sizing:border-box}.pay-root a{color:inherit}.pay-root h1{font-size:30px;line-height:1.2;letter-spacing:-.02em;margin:0 0 8px;font-weight:800}.pay-wrap{width:100%;max-width:1040px;margin:0 auto;padding:0 20px}.pay-header{background:var(--pay-surface);border-bottom:1px solid var(--pay-border)}.pay-header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.pay-logo{height:30px;width:auto;display:block}.pay-secure{font-size:14px;color:var(--pay-muted);font-weight:600}.pay-main{flex:1 1;padding-top:32px;padding-bottom:64px}.pay-footer{text-align:center;font-size:13px;color:var(--pay-muted);padding:24px 20px;border-top:1px solid var(--pay-border)}.pay-dummy{background:var(--pay-warning-soft);color:#78350f;border:1px solid #fde68a;border-radius:12px;padding:12px 16px;font-size:14px;margin-bottom:28px}.pay-steps{list-style:none;display:flex;justify-content:center;gap:8px;padding:0;margin:0 0 28px;flex-wrap:wrap}.pay-steps li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--pay-muted)}.pay-steps li:not(:last-child):after{content:"";width:32px;height:2px;background:var(--pay-border-strong);margin-left:8px;border-radius:2px}.pay-step-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:var(--pay-surface-alt);border:1.5px solid var(--pay-border-strong)}.pay-steps li.active{color:var(--pay-text)}.pay-steps li.active .pay-step-dot{background:var(--pay-brand);border-color:var(--pay-brand);color:#fff}.pay-steps li.done .pay-step-dot{background:var(--pay-success-soft);border-color:var(--pay-success);color:var(--pay-success)}.pay-steps li.done:after{background:var(--pay-success)}.pay-grid{display:grid;grid-gap:20px;gap:20px;align-items:start}.pay-grid>*{min-width:0}@media (min-width:880px){.pay-grid{grid-template-columns:1.3fr 1fr;gap:28px}}.pay-card{background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:20px;padding:32px 28px;box-shadow:0 1px 2px rgba(17,24,39,.04),0 16px 40px -20px rgba(17,24,39,.16)}.pay-narrow{max-width:600px;margin:0 auto}.pay-muted{color:var(--pay-muted);margin:0 0 20px}.pay-small{font-size:14px}.pay-center{text-align:center}.pay-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pay-muted)}.pay-form{display:grid;grid-gap:18px;gap:18px;margin-top:8px}.pay-form label{display:grid;grid-gap:6px;gap:6px}.pay-form label>span{font-size:14px;font-weight:700}.pay-form small{color:var(--pay-muted);font-size:13px}.pay-form input{font:inherit;font-size:16px;padding:13px 14px;border-radius:12px;border:1.5px solid var(--pay-border-strong);background:var(--pay-surface);color:var(--pay-text);width:100%;transition:border-color .15s,box-shadow .15s}.pay-form input::placeholder{color:#9ea3ad}.pay-form input:focus{outline:none;border-color:var(--pay-brand);box-shadow:0 0 0 4px var(--pay-primary-soft)}.pay-fine{font-size:13px;color:var(--pay-muted);text-align:center;margin:0}.pay-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:15px;font-weight:700;line-height:1.2;padding:14px 22px;border-radius:12px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.pay-btn:focus-visible{outline:3px solid var(--pay-focus);outline-offset:2px}.pay-btn:active{transform:translateY(1px)}.pay-btn-primary{background:var(--pay-primary);color:#fff!important}.pay-btn-primary:hover{background:var(--pay-primary-hover)}.pay-btn-outline{background:transparent;color:var(--pay-text);border-color:var(--pay-border-strong)}.pay-btn-outline:hover{border-color:var(--pay-text)}.pay-btn-block{width:100%;padding:16px 22px;font-size:16px}.pay-grow{flex:1 1}.pay-summary{background:var(--pay-surface-alt);box-shadow:none}.pay-product{font-size:22px;font-weight:800;margin:4px 0 16px}.pay-switch{display:flex;gap:4px;background:var(--pay-surface);border:1px solid var(--pay-border);padding:4px;border-radius:12px;margin-bottom:14px}.pay-switch a{flex:1 1;text-align:center;padding:8px 6px;border-radius:9px;font-size:14px;font-weight:700;color:var(--pay-muted);text-decoration:none}.pay-switch a:hover{color:var(--pay-text)}.pay-switch a.active{background:var(--pay-navy);color:#fff}.pay-checks{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-gap:8px;gap:8px;font-size:15px}.pay-checks li{position:relative;padding-left:28px}.pay-checks li:before{content:"✓";position:absolute;left:0;top:2px;width:19px;height:19px;border-radius:50%;background:var(--pay-success-soft);color:var(--pay-success);font-size:11px;font-weight:800;display:grid;place-items:center}.pay-rows{border-top:1px solid var(--pay-border)}.pay-rows>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--pay-border);font-size:15px}.pay-rows>div>span:first-child{color:var(--pay-muted)}.pay-rows>div>span:last-child{font-weight:600;text-align:right;overflow-wrap:anywhere}.pay-rows .pay-total{border-bottom:0;font-size:18px}.pay-rows .pay-total span{color:var(--pay-text)!important;font-weight:800!important}.pay-invoice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pay-invoice-no{font-weight:700;font-size:15px;margin-top:2px}.pay-badge{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap}.pay-badge-warn{background:var(--pay-warning-soft);color:var(--pay-warning)}.pay-badge-danger{background:var(--pay-danger-soft);color:var(--pay-danger-text)}.pay-amount{font-size:clamp(36px,8vw,48px);font-weight:800;letter-spacing:-.02em;margin:20px 0 24px}.pay-actions{display:flex;gap:12px;margin-top:28px}.pay-back{display:inline-block;margin-top:18px;font-size:14px;font-weight:600;color:var(--pay-primary-soft-text)!important;text-decoration:none}.pay-alert{border-radius:12px;padding:12px 16px;font-size:14px;margin-bottom:24px}.pay-alert-danger{background:var(--pay-danger-soft);color:var(--pay-danger-text);border:1px solid #fecaca}.pay-success-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--pay-success-soft);color:var(--pay-success);display:grid;place-items:center;font-size:30px;font-weight:800;box-shadow:0 0 0 8px #f3faf6}.pay-details{margin:8px 0 0;border:1px solid var(--pay-border);border-radius:16px;padding:4px 20px}.pay-details>div{display:grid;grid-template-columns:130px 1fr;grid-gap:12px;gap:12px;padding:12px 0;border-bottom:1px solid var(--pay-border);font-size:15px}.pay-details>div:last-child{border-bottom:0}.pay-details dt{color:var(--pay-muted)}.pay-details dd{margin:0;font-weight:600;overflow-wrap:anywhere;min-width:0}.pay-details code,.pay-details dd a{color:var(--pay-primary-soft-text)}.pay-details code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;background:var(--pay-primary-soft);padding:4px 8px;border-radius:8px;letter-spacing:.02em}.pay-next{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:18px 20px;border-radius:16px;background:var(--pay-navy);color:#fff}.pay-next .pay-muted{color:#c6d2e1;margin:2px 0 0}@media (max-width:520px){.pay-card{padding:24px 18px;border-radius:16px}.pay-root h1{font-size:26px}.pay-steps{gap:4px}.pay-steps li{font-size:13px}.pay-steps li:not(.active){font-size:0;gap:0}.pay-steps li:not(.active) .pay-step-dot{font-size:13px}.pay-steps li:not(:last-child):after{width:18px;margin-left:4px}.pay-details{padding:4px 14px}.pay-details>div{grid-template-columns:1fr;gap:2px}.pay-next{flex-direction:column;align-items:stretch;text-align:center}.pay-secure{display:none}}