@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap";
:root{--color-surface-bg:#000;--color-surface-subtle:#060606;--color-surface-card:#020202;--color-surface-elevated:#0b0b0b;--color-text:#eee;--color-text-subtle:gray;--color-text-muted:#525252;--color-primary:#eee;--color-on-primary:#000;--color-brand:#fffef0;--color-on-brand:#0a0a0a;--color-border:#161616;--color-overlay:#000000b8;--color-feedback-negative:#ff9ea1;--color-feedback-negative-bg:#2d0607;--color-feedback-positive:#59f3a6;--color-feedback-positive-bg:#001f0f;--color-feedback-notice:#f3cf58;--color-feedback-notice-bg:#1d1f00;--color-feedback-information:#5896f3;--color-feedback-information-bg:#000d1f;--font-body:Inter, system-ui, sans-serif;--font-heading:"Space Grotesk", Inter, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--radius-s:0;--radius-m:0;--radius-l:8px;--radius-xl:8px;--radius-round:999px;--font-75:.75rem;--font-100:.875rem;--font-200:1rem;--font-400:1.25rem;--font-600:1.75rem;--font-700:2rem;--elevation-low:0 2px 8px #0000003d;--elevation-mid:0 8px 24px #00000052;--elevation-high:0 24px 80px #00000073;--focus:0 0 0 3px #eeeeee73;--touch:44px;--motion:.15s ease;--color-background:var(--color-surface-bg);--color-foreground:var(--color-text);--color-card:var(--color-surface-card);--color-muted:var(--color-text-subtle);--color-danger:var(--color-feedback-negative);--color-ok:var(--color-feedback-positive);--radius:var(--radius-xl)}@supports (color:lab(0% 0 0)){:root{--color-surface-bg:lab(.112911% 0 0);--color-surface-subtle:lab(1.5609% 0 0);--color-surface-card:lab(.462488% 0 0);--color-surface-elevated:lab(3.04863% 0 0);--color-text:lab(94.2% 0 0);--color-text-subtle:lab(53.6% 0 0);--color-text-muted:lab(35.04% -.0000149012 0);--color-primary:lab(94.2% 0 0);--color-on-primary:lab(.112911% 0 0);--color-border:lab(7.22637% -.0000149012 0);--color-overlay:lab(0% 0 0/.72);--focus:0 0 0 3px lab(94.2% 0 0/.45)}}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-surface-bg);min-height:100%;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-200);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;margin:0;line-height:1.5}button,a,select,input,summary{font:inherit}button,a[href],select,summary{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{box-shadow:var(--focus);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.pay-shell{min-height:100vh;padding:var(--space-5);place-items:center;display:grid}.pay-sheet{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(420px,100%);max-height:min(760px,100dvh);box-shadow:var(--elevation-high);overscroll-behavior:contain;flex-direction:column;display:flex;overflow:hidden}.pay-header{padding:var(--space-6) var(--space-6) var(--space-4)}.pay-body{padding:0 var(--space-6) var(--space-6);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow:auto}.pay-brand{align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--font-200);letter-spacing:-.03em;text-transform:lowercase;color:var(--color-text);margin:0 0 var(--space-3);font-weight:500;display:inline-flex}.pay-brand img{width:24px;height:24px;display:block}.pay-sheet h1,.pay-body h2{font-family:var(--font-heading);font-weight:500}.pay-sheet h1{font-size:var(--font-400);margin:0 0 var(--space-3);line-height:1.3}.pay-body h2{font-size:var(--font-200);margin:0;font-weight:600}.pay-amount{font-size:var(--font-700);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0 0 var(--space-3);font-weight:700;line-height:1.15}.pay-amount-currency{font-size:var(--font-200);letter-spacing:0;color:var(--color-text-subtle);margin-left:var(--space-2);font-weight:600}.pay-info{gap:var(--space-3);margin:0 0 var(--space-5);display:grid}.pay-info div{justify-content:space-between;gap:var(--space-4);font-size:var(--font-100);display:flex}.pay-info dt{color:var(--color-text-subtle);margin:0}.pay-info dd{text-align:right;margin:0;font-weight:500}.pay-muted{color:var(--color-text-subtle);font-size:var(--font-100);margin:0}.pay-steps{gap:var(--space-2);margin:0 0 var(--space-5);display:flex}.pay-steps span{height:var(--space-2);border-radius:var(--radius-round);background:var(--color-border);flex:1}.pay-steps span[data-on=true]{background:var(--color-primary)}.pay-alert{padding:var(--space-4);border-radius:var(--radius-m);font-size:var(--font-100);border:1px solid #0000;margin:0}.pay-alert-negative{color:var(--color-feedback-negative);background:var(--color-feedback-negative-bg);border-color:#ef444459}.pay-alert-positive{color:var(--color-feedback-positive);background:var(--color-feedback-positive-bg);border-color:#34d39959}.pay-alert-notice{color:var(--color-feedback-notice);background:var(--color-feedback-notice-bg);border-color:#fbbf2459}.pay-badge{min-height:var(--space-7);padding:0 var(--space-3);border-radius:var(--radius-round);font-size:var(--font-75);letter-spacing:.02em;align-items:center;font-weight:600;display:inline-flex}.pay-badge-positive{background:var(--color-feedback-positive-bg);color:var(--color-feedback-positive)}.pay-badge-negative{background:var(--color-feedback-negative-bg);color:var(--color-feedback-negative)}.pay-badge-notice{background:var(--color-feedback-notice-bg);color:var(--color-feedback-notice)}.pay-badge-information{background:var(--color-feedback-information-bg);color:var(--color-feedback-information)}.pay-stack{gap:var(--space-5);flex-direction:column;margin:0;padding:0;display:flex}.pay-stack li{list-style:none}.pay-actions{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.pay-btn{min-height:var(--touch);border-radius:var(--radius-m);width:100%;padding:0 var(--space-5);background:var(--color-primary);color:var(--color-on-primary);transition:filter var(--motion);border:0;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.pay-btn:hover:not(:disabled){background:#dedede;background:lab(88.4% 0 .0000119209)}.pay-btn:disabled{opacity:.5;cursor:not-allowed}.pay-btn-secondary,.pay-btn-ghost{color:var(--color-text);border:1px solid var(--color-border);width:auto;padding:0 var(--space-4);background:0 0}.pay-btn-tertiary{color:var(--color-primary);width:auto;min-height:var(--touch);padding:0 var(--space-2);background:0 0;border:0;font-weight:500}.pay-field{gap:var(--space-2);font-size:var(--font-100);display:grid}.pay-field input,.pay-field select{min-height:var(--touch);border-radius:var(--radius-m);border:1px solid var(--color-border);background:var(--color-surface-bg);width:100%;color:var(--color-text);padding:0 var(--space-4)}.pay-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.pay-otp{font-size:var(--font-600);letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}.pay-wallet,.pay-otp{font-family:var(--font-mono)}.pay-wallet{font-size:var(--font-75);word-break:break-all}.pay-divider{background:var(--color-border);height:1px;margin:var(--space-5) 0;border:0}.pay-details{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.pay-details summary{min-height:var(--touch);color:var(--color-text-subtle);align-items:center;display:flex}.pay-skeleton{gap:var(--space-3);margin:var(--space-4) 0 var(--space-5);display:grid}.pay-skeleton span{height:var(--space-5);border-radius:var(--radius-s);background:linear-gradient(90deg, var(--color-surface-subtle), var(--color-surface-elevated), var(--color-surface-subtle));background-size:200% 100%;animation:1.2s ease-in-out infinite pay-shimmer;display:block}.pay-skeleton span:first-child{height:var(--space-9);width:60%}.pay-home{max-width:420px;padding:var(--space-8) var(--space-5);margin:0 auto}html:has(.pay-shell-embed){height:100%}html:has(.pay-shell-embed) body{height:100%}.pay-shell-embed{height:100%;min-height:100%;padding:0}.pay-shell-embed .pay-sheet{width:100%;height:100%;max-height:none;box-shadow:none;border:0;border-radius:0}.pay-shell-embed .pay-header{padding-top:max(var(--space-10), env(safe-area-inset-top))}@media (max-width:480px){.pay-shell{place-items:stretch stretch;min-height:100dvh;padding:0}.pay-sheet{width:100%;height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0}.pay-header{padding-top:max(var(--space-6), env(safe-area-inset-top))}.pay-body{padding-bottom:max(var(--space-6), env(safe-area-inset-bottom))}}@media (max-height:560px) and (min-width:481px){.pay-shell{place-items:center;min-height:100dvh;padding:0}.pay-sheet{width:min(420px,100%);height:100dvh;max-height:none;box-shadow:none;border-radius:0}.pay-header{padding-top:max(var(--space-5), env(safe-area-inset-top))}.pay-body{padding-bottom:max(var(--space-5), env(safe-area-inset-bottom));overflow:auto}}@keyframes pay-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}