:root{--bg-a: #f8fbff;--bg-b: #eef6ff;--card-bg: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--accent: #0a7a6b;--accent-hover: #09695d;--line: #e2e8f0;--danger: #b91c1c}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Segoe UI,Helvetica Neue,sans-serif;color:var(--text-primary);background:radial-gradient(circle at 20% -10%,#d8edff 0%,transparent 40%),linear-gradient(160deg,var(--bg-a) 0%,var(--bg-b) 100%)}.checkout-shell{min-height:100vh;display:grid;place-items:start center;padding:24px 16px}.checkout-card{width:min(100%,560px);background:var(--card-bg);color:var(--text-primary);border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 40px #0f172a1a;padding:24px;display:grid;gap:14px;animation:checkout-enter .4s ease-out both}@media(min-width:768px){.checkout-card{width:min(100%,920px);padding:30px 32px}}.checkout-card[data-ui-mode=dark]{--card-bg: #08111f;--text-primary: #f8fafc;--text-secondary: #94a3b8;--line: rgba(148, 163, 184, .22);background:radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 36%),linear-gradient(180deg,#0b1527,#08111f);box-shadow:0 18px 48px #02061761}.checkout-card[data-ui-mode=dark] .detail-code,.checkout-card[data-ui-mode=dark] .scheme-select{background:#0f172ab8;border-color:#94a3b83d;color:var(--text-primary)}.checkout-card[data-ui-mode=dark] .brand-title,.checkout-card[data-ui-mode=dark] .amount-value,.checkout-card[data-ui-mode=dark] .detail-value,.checkout-card[data-ui-mode=dark] .amount-currency,.checkout-card[data-ui-mode=dark] .btn-secondary,.checkout-card[data-ui-mode=dark] .status-text,.checkout-card[data-ui-mode=dark] .status-text.help{color:var(--text-primary)}.checkout-card[data-ui-mode=dark] .brand-subtitle,.checkout-card[data-ui-mode=dark] .detail-label{color:var(--text-secondary)}.checkout-card[data-ui-mode=dark] .btn-secondary{border-color:#94a3b83d;background:#0f172a94;color:var(--text-primary)}.checkout-card[data-ui-mode=dark] .brand-controls{background:#0f172a94;border-color:#94a3b83d}.checkout-card[data-ui-mode=dark] .actions-panel{background:var(--card-bg)}.checkout-card[data-ui-mode=dark] .actions-panel:before{background:linear-gradient(to bottom,transparent,var(--card-bg))}.checkout-layout{display:grid;gap:14px}.checkout-left,.checkout-right-sticky{display:grid;gap:14px;align-content:start}@media(min-width:768px){.checkout-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:30px;align-items:start}.checkout-right{border-left:1px solid var(--line);padding:2px 0 2px 30px}.checkout-right-sticky{position:sticky;top:24px;display:flex;flex-direction:column;gap:14px;min-height:320px}.checkout-right-sticky .actions-panel{margin-top:auto}.checkout-card[data-ui-mode=dark] .checkout-right{border-left-color:#94a3b82e}.actions-panel{position:static;padding-top:0;padding-bottom:0}.actions-panel:before{display:none}}@media(min-width:960px){.checkout-card{width:min(100%,960px)}.checkout-layout{grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);gap:34px}.checkout-right{padding-left:34px}}.brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand-group{display:flex;align-items:flex-start;gap:14px;min-width:0;flex:1}.brand-copy{min-width:0;display:grid;gap:3px}.brand-controls{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#f8fafcd6}.locale-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.locale-select{border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--text-primary);padding:5px 8px;font-size:12px;font-family:inherit}.checkout-card[data-ui-mode=dark] .locale-select{background:#0f172ab8;border-color:#94a3b83d;color:var(--text-primary)}.brand-mark{width:46px;height:46px;border-radius:12px;display:inline-grid;place-items:center;background:var(--accent);color:#fff;font-weight:800;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 24%,transparent)}.brand-logo{width:46px;height:46px;border-radius:12px;object-fit:contain;border:1px solid var(--line);background:#fff;box-shadow:0 8px 22px #0f172a14}.brand-title{font-size:18px;font-weight:800;line-height:1.1}.brand-subtitle{font-size:12px;color:var(--text-secondary)}.brand-trust-line{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 78%,#334155)}@media(max-width:640px){.brand-row{align-items:flex-start;flex-direction:column}.brand-controls{align-self:flex-start}}.scheme-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 24%,white);background:color-mix(in srgb,var(--accent) 10%,white);color:color-mix(in srgb,var(--accent) 70%,black);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.checkout-card[data-ui-mode=dark] .scheme-badge{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 18%,#0f172a);color:#e2e8f0}.scheme-hero{display:grid;gap:6px;padding-bottom:2px}.scheme-hero-title{font-size:24px;font-weight:800;letter-spacing:-.02em}.scheme-hero-subtitle{font-size:14px;color:var(--text-secondary);max-width:52ch}.amount-panel{border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;padding:14px 0;text-align:center}.checkout-card[data-ui-mode=dark] .amount-panel{border-top-color:#94a3b824;border-bottom-color:#94a3b824}.amount-value{font-size:38px;font-weight:800;letter-spacing:-.02em;line-height:1}.amount-decimal{font-size:.58em;vertical-align:top;margin-left:1px}.amount-currency{margin-left:8px;font-size:14px;font-weight:700;color:var(--text-secondary)}.details-panel{display:grid;gap:10px}.merchant-panel{display:grid;gap:6px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#ffffffeb,#f8fafcf0)}.checkout-card[data-ui-mode=dark] .merchant-panel{background:#0f172a85;border-color:#94a3b82e}.merchant-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.merchant-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.merchant-value{font-size:14px;font-weight:800;line-height:1.35;text-align:right;max-width:200px}.scheme-panel{display:grid;gap:12px}.section-heading{display:grid;gap:5px}.section-title{font-size:15px;font-weight:800}.section-caption{font-size:13px;color:var(--text-secondary)}.scheme-grid{display:grid;gap:10px}.scheme-grid-secondary{margin-top:10px}.scheme-card{width:100%;text-align:left;border:1px solid var(--line);background:linear-gradient(180deg,#fffffff5,#f8fafcf5);border-radius:16px;padding:12px 14px 10px;display:grid;gap:5px;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.scheme-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:0 12px 24px #0f172a14;transform:translateY(-1px)}.scheme-card.selected{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,white),#f8fafcfa);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 10px 22px #0f172a12}.checkout-card[data-ui-mode=dark] .scheme-card{background:#0f172a94;border-color:#94a3b82e}.checkout-card[data-ui-mode=dark] .scheme-card.selected{border-color:color-mix(in srgb,var(--accent) 54%,rgba(148,163,184,.18));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,#0f172a),#0f172aad);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent),0 18px 32px #0206173d}.scheme-card-top,.scheme-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.scheme-card-label,.scheme-card-title{font-weight:800}.scheme-card-label{font-size:12px;letter-spacing:.04em;text-transform:uppercase}.scheme-card-flow,.scheme-recommended{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.scheme-card-title{font-size:16px}.scheme-card-subtitle,.scheme-recommended.muted{font-size:12px;color:var(--text-secondary);line-height:1.45}.scheme-card-compact{padding:12px;gap:4px}.scheme-card-compact .scheme-card-title{font-size:14px}.more-methods{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#ffffffeb,#f8fafcf0);padding:10px 12px 12px}.checkout-card[data-ui-mode=dark] .more-methods{background:#0f172a85;border-color:#94a3b82e}.more-methods-summary{list-style:none;cursor:pointer;font-size:12px;font-weight:800;color:var(--text-secondary)}.more-methods-summary::-webkit-details-marker{display:none}.more-methods-summary:after{content:"Expand";float:right}.more-methods[open] .more-methods-summary:after{content:"Collapse"}.details-disclosure{display:grid;gap:10px;padding-top:2px}.details-summary{cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.01em;color:var(--text-secondary);list-style:none}.details-summary::-webkit-details-marker{display:none}.details-summary:after{content:"Show";margin-left:8px;color:color-mix(in srgb,var(--text-primary) 72%,var(--text-secondary));font-size:11px;text-transform:uppercase;letter-spacing:.06em}.details-disclosure[open] .details-summary:after{content:"Hide"}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0}.detail-label{font-size:12px;color:var(--text-secondary)}.detail-value,.detail-code{font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:3px 8px;color:#334155}.actions-panel{display:grid;gap:10px;margin-top:4px;position:sticky;bottom:0;z-index:2;background:var(--card-bg);padding:14px 0 4px}.actions-panel:before{content:"";position:absolute;top:-24px;left:-24px;right:-24px;height:24px;background:linear-gradient(to bottom,transparent,var(--card-bg));pointer-events:none}.scheme-select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:14px;background:#fff;color:var(--text-primary)}.btn{border:1px solid transparent;border-radius:14px;padding:13px 16px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 14px 28px color-mix(in srgb,var(--accent) 24%,transparent)}.btn-primary:not(:disabled):hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{border-color:#cbd5e1;background:#fff;color:var(--text-primary)}.btn-secondary:not(:disabled):hover{border-color:color-mix(in srgb,var(--accent) 22%,#cbd5e1);transform:translateY(-1px)}.status-text{margin:0;min-height:18px;font-size:13px;color:var(--text-secondary);text-align:center}.status-inline{display:inline-flex;align-items:center;gap:8px}.status-spinner{width:14px;height:14px;border:2px solid #d1d5db;border-top-color:var(--accent);border-radius:999px;animation:status-spin .9s linear infinite}.status-text.error{color:var(--danger)}.status-text.help{min-height:0;text-align:left;line-height:1.45}@keyframes status-spin{to{transform:rotate(360deg)}}@media(max-width:767px){.checkout-layout,.checkout-left,.checkout-right,.checkout-right-sticky{display:contents}.scheme-badge{order:1}.scheme-hero{order:2}.checkout-card>.checkout-layout .merchant-panel{order:3}.amount-panel{order:4}.scheme-panel{order:5}.details-disclosure{order:6}.status-text,.checkout-skeleton{order:7}.actions-panel{order:8}}@media(max-width:560px){.checkout-card{padding:18px;border-radius:14px}.amount-value{font-size:30px}.brand-logo,.brand-mark{width:40px;height:40px}.merchant-row,.detail-row,.scheme-card-top,.scheme-card-footer{align-items:start;flex-direction:column}.actions-panel:before{left:-18px;right:-18px}}@keyframes checkout-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.btn:focus-visible,.scheme-card:focus-visible,.locale-select:focus-visible,.scheme-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary:not(:disabled):active{transform:translateY(0) scale(.98);box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 18%,transparent)}.btn-secondary:not(:disabled):active{transform:translateY(0) scale(.98)}.scheme-card:not(:disabled):active{transform:translateY(0) scale(.985)}.scheme-radio{width:20px;height:20px;border-radius:999px;border:2px solid var(--line);display:inline-grid;place-items:center;flex-shrink:0;transition:border-color .15s ease,background .15s ease}.scheme-card.selected .scheme-radio{border-color:var(--accent)}.scheme-radio-dot{width:10px;height:10px;border-radius:999px;background:var(--accent);animation:radio-pop .18s ease-out}@keyframes radio-pop{0%{transform:scale(0)}to{transform:scale(1)}}.checkout-card[data-ui-mode=dark] .scheme-radio{border-color:#94a3b852}.checkout-card[data-ui-mode=dark] .scheme-card.selected .scheme-radio{border-color:var(--accent)}.trust-icon{display:inline-flex;align-items:center;vertical-align:middle;margin-right:4px;opacity:.85}.actions-divider{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);opacity:.9}.actions-divider:before,.actions-divider:after{content:"";flex:1;height:1px;background:var(--line)}.checkout-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--text-secondary);padding-top:4px;letter-spacing:.02em}.checkout-footer svg{opacity:.5}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.checkout-skeleton{display:grid;gap:18px;padding:4px 0}.skeleton-line{border-radius:8px;background:linear-gradient(90deg,var(--line) 25%,rgba(226,232,240,.4) 50%,var(--line) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}.skeleton-brand{height:46px;width:60%}.skeleton-badge{height:28px;width:100px;border-radius:999px}.skeleton-hero{height:32px;width:75%}.skeleton-panel{height:96px;border-radius:14px}.skeleton-amount{height:50px;width:40%;margin:0 auto}.skeleton-btn{height:48px;border-radius:14px}.checkout-card[data-ui-mode=dark] .skeleton-line{background:linear-gradient(90deg,#94a3b824 25%,#94a3b80f,#94a3b824 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}.amount-decimal{font-size:22px;font-weight:700;vertical-align:super;margin-left:1px;opacity:.7}@media(max-width:560px){.amount-decimal{font-size:18px}}