@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-vietnamese-wght-normal-CtlIRbEm.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-ext-wght-normal-MQgHevqp.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-mono-latin-ext-wght-normal-Dh0aNLWd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-mono-latin-wght-normal-DlaB5ohX.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f4f5f7;--overlay: rgba(20, 22, 26, .55);--ink: #1a1d21;--ink-soft: #6b7280;--line: #e6e8eb;--line-strong: #d3d7dd;--placeholder: #9aa0a8;--btn: #1a1d21;--btn-hover: #2e333a;--accent: #e63a2e;--accent-ink: #c42a1c;--focus: #1a1d21;--focus-ring: rgba(26, 29, 33, .13);--ok: #0a7a53;--ok-bg: #e6f4ee;--bad: #b42318;--bad-bg: #fcecea;--warn: #a66a00;--warn-bg: #fbf0d6;--attention: #9a4d0a;--attention-bg: #fbe9d7;--info: #1a5fb4;--info-bg: #e7f0fb;--font-display: "Bricolage Grotesque Variable", Georgia, serif;--font-ui: "Public Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Spline Sans Mono Variable", ui-monospace, "Cascadia Mono", monospace;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--shadow-md: 0 4px 12px -2px rgba(16, 24, 40, .1), 0 2px 6px -2px rgba(16, 24, 40, .06);--shadow-lg: 0 16px 40px -12px rgba(16, 24, 40, .18), 0 4px 12px -6px rgba(16, 24, 40, .1);--shadow-xl: 0 24px 60px -18px rgba(16, 24, 40, .28);--pad: 32px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.page-center{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px 56px}.checkout-shell{width:100%;max-width:440px;animation:rise .45s cubic-bezier(.16,1,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.checkout-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:var(--pad);box-shadow:var(--shadow-lg)}.card-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.brand-logo{height:40px;max-width:160px;object-fit:contain;display:block}.brand-monogram{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:640;font-size:19px;display:flex;align-items:center;justify-content:center;flex:none}.card-head .head-text{min-width:0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0}.merchant-name{font-family:var(--font-display);font-size:19px;font-weight:640;line-height:1.15;margin:2px 0 0;overflow-wrap:anywhere}.amount-block{margin:6px 0 2px}.amount-line{display:flex;align-items:baseline;gap:6px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.015em}.amount-symbol{font-size:22px;font-weight:500;color:var(--ink-soft)}.amount-value{font-size:46px;font-weight:560;line-height:1;color:var(--ink)}.description{color:var(--ink-soft);font-size:14px;margin:10px 0 0}.divider{border:none;border-top:1px solid var(--line);margin:22px calc(var(--pad) * -1)}.section-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 10px}.section-label:not(:first-child){margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1 / -1}label{display:block;font-size:13px;font-weight:500;color:var(--ink-soft);margin-bottom:5px}input,select{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:var(--radius-md);font-size:16px;font-family:inherit;color:var(--ink);background:var(--surface);transition:border-color .15s,box-shadow .15s}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}input::placeholder{color:var(--placeholder)}input:hover,select:hover{border-color:var(--line-strong)}input:focus,select:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}input.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em}.card-field{position:relative}.card-field input{padding-right:64px}.brand-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-xs);padding:3px 7px;pointer-events:none;animation:fade .2s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.mf-input{width:100%;height:44px;padding:0 12px;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);display:flex;align-items:center;transition:border-color .15s,box-shadow .15s;overflow:hidden}.mf-input.flex-microform-focused{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.mf-input.flex-microform-invalid,.mf-input.mf-invalid{border-color:var(--bad)}.mf-input iframe{width:100%!important;height:100%!important;border:0;display:block}.mf-wrap{position:relative}.mf-wrap .brand-badge{z-index:2}.mf-skel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--surface-2) 25%,#edeff2 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s linear infinite;pointer-events:none}.field-error{display:block;color:var(--bad);font-size:12.5px;margin-top:5px}.link-inline{background:none;border:none;padding:0;color:var(--accent-ink);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.challenge-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--overlay);animation:fade .2s ease both}.challenge-card{background:var(--surface);border-radius:var(--radius-xl);padding:22px;max-width:100%;max-height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:var(--shadow-xl);animation:rise .32s cubic-bezier(.16,1,.3,1) both}.challenge-card h2{font-family:var(--font-display);font-size:20px;font-weight:640;margin:0;text-align:center}.challenge-card .detail{color:var(--ink-soft);font-size:14px;margin:0;text-align:center}.stepup-shell{position:relative;max-width:100%;display:flex;align-items:center;justify-content:center}.stepup-frame{position:relative;z-index:1;max-width:100%;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}.stepup-frame.full{width:min(100%,600px);height:min(80vh,640px)}.stepup-frame iframe{border:0;width:100%;height:100%;display:block}.stepup-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.stepup-return{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--ink-soft);font-size:14px;background:var(--surface);padding:26px 30px;border-radius:var(--radius-lg)}.stepup-return p{margin:0}.spinner.dark{border:2.5px solid rgba(230,58,46,.22);border-top-color:var(--accent)}.link-btn{background:none;border:none;color:var(--ink-soft);font-family:var(--font-ui);font-weight:600;font-size:14px;cursor:pointer;padding:6px 8px}.link-btn:hover{color:var(--ink)}.link-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}button.pay{margin-top:22px;width:100%;padding:15px 16px;background:var(--btn);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:16px;font-weight:700;letter-spacing:.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s,transform .1s}button.pay .pay-amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}button.pay:hover:not(:disabled){background:var(--btn-hover)}button.pay:active:not(:disabled){transform:translateY(1px)}button.pay:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.pay:disabled{opacity:.65;cursor:progress}.spinner{width:17px;height:17px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.secure-foot{display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0 0;color:var(--ink-soft);font-size:12.5px}.secure-foot svg{flex:none}.notice{padding:12px 14px;border-radius:var(--radius-md);font-size:14px;line-height:1.45;margin:16px 0 0}.notice.error{background:var(--bad-bg);color:var(--bad)}.notice.success{background:var(--ok-bg);color:var(--ok)}.result{text-align:center;padding:8px 0 4px}.result-icon{width:64px;height:64px;margin:6px auto 16px;display:block}.result-icon.ok circle{stroke:var(--ok)}.result-icon.ok path{stroke:var(--ok);stroke-dasharray:48;stroke-dashoffset:48;animation:draw .5s .15s ease-out forwards}.result-icon.bad circle,.result-icon.bad path{stroke:var(--bad)}.result-icon.review circle,.result-icon.review path{stroke:var(--warn)}@keyframes draw{to{stroke-dashoffset:0}}.result h2{font-family:var(--font-display);font-size:24px;font-weight:640;margin:0 0 6px}.result .amount-line{justify-content:center;margin-top:4px}.result .amount-value{font-size:30px}.result .amount-symbol{font-size:16px}.result p.detail{color:var(--ink-soft);font-size:14px;margin:10px 0 0}.return-link{display:inline-block;margin-top:18px;color:var(--accent-ink);font-weight:600;font-size:14px;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:1px}.return-link:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skel{border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--surface-2) 25%,#edeff2 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.muted{color:var(--ink-soft);font-size:13px}h1,h2{font-family:var(--font-display)}@media (max-width: 480px){:root{--pad: 22px}.page-center{padding:20px 12px 40px}.amount-value{font-size:38px}.form-grid{gap:10px}}@media (prefers-reduced-motion: reduce){.checkout-shell,.skel,.mf-skel{animation:none}.result-icon.ok path{animation:none;stroke-dashoffset:0}*{transition:none!important}}
