:root{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#273142;background:#fff;font-synthesis:none;--brand-blue: #006fc9;--brand-blue-dark: #063b78;--brand-ink: #132035;--brand-muted: #63748b;--brand-border: #d9e4f2;--brand-soft: #eef6ff;--surface: rgba(255, 255, 255, .93)}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:#fff}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.payment-shell{position:relative;display:flex;min-height:100vh;min-height:100dvh;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 50% 12%,#fff,#f6f9fd 45%,#fff 78%)}.payment-brand{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:26px 24px 0}.payment-brand img{display:block;width:clamp(132px,12vw,152px);height:auto}.payment-brand span{color:var(--brand-blue-dark);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-arc{position:absolute;z-index:1;top:86px;left:50%;width:142vw;height:116px;overflow:visible;pointer-events:none;transform:translate(-50%)}.payment-stage{position:relative;z-index:2;display:grid;width:100%;flex:1;place-items:center;padding:84px 20px 34px}.payment-card,.terminal,.loading{width:100%;max-width:520px;border:1px solid rgba(217,228,242,.92);border-radius:28px;background:var(--surface);box-shadow:0 24px 52px #0f233c17;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.payment-card{padding:30px}.eyebrow{display:inline-flex;min-height:28px;align-items:center;border:1px solid #c6def5;border-radius:999px;background:var(--brand-soft);padding:5px 11px;color:var(--brand-blue-dark);font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}h1{margin:15px 0 7px;color:var(--brand-ink);font-size:clamp(28px,5vw,36px);font-weight:750;line-height:1.08;letter-spacing:-.025em}.intro{max-width:440px;margin:0 0 22px;color:var(--brand-muted);font-size:15px;line-height:1.55}.payment-summary{display:grid;gap:0;overflow:hidden;margin:0;border:1px solid var(--brand-border);border-radius:18px;background:#ffffffb8}.payment-summary>div{display:grid;min-height:58px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;column-gap:10px;border-bottom:1px solid var(--brand-border);padding:10px 14px}.payment-summary>div:last-child{border-bottom:0}.summary-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:var(--brand-soft);color:var(--brand-blue)}.summary-icon svg,.security-note svg,.payment-footer svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}dt{color:var(--brand-muted);font-size:13px;line-height:1.35}dd{margin:0;color:var(--brand-ink);font-size:15px;font-weight:750;line-height:1.35;text-align:right}.payment-summary .amount{background:#f3f8fe}.payment-summary .amount dd{color:var(--brand-blue-dark);font-size:18px}.offer{display:flex;align-items:flex-start;gap:11px;margin:20px 0;color:#3f5066;font-size:14px;line-height:1.5}.offer input{width:20px;height:20px;flex:0 0 auto;margin:1px 0 0;accent-color:var(--brand-blue)}a{color:var(--brand-blue-dark);font-weight:700;text-underline-offset:3px}button,.result-action{display:inline-flex;width:100%;min-height:50px;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--brand-blue);box-shadow:0 10px 22px #005caa2e;color:#fff;cursor:pointer;font-size:15px;font-weight:750;line-height:1.2;text-align:center;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}button:hover:not(:disabled),.result-action:hover{background:#005fb0;box-shadow:0 13px 27px #005caa3d}button:active:not(:disabled),.result-action:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(0,111,201,.28);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:15px 0 0;color:var(--brand-muted);font-size:12px;line-height:1.45;text-align:center}.security-note svg{flex:0 0 auto;color:var(--brand-blue)}.waiting{display:flex;align-items:center;gap:10px;margin-top:20px;border:1px solid #c6def5;border-radius:16px;background:var(--brand-soft);padding:14px 15px;color:var(--brand-blue-dark);font-size:14px;line-height:1.45}.pulse,.loading>span{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--brand-blue);animation:pulse 1.4s infinite}.loading{display:flex;max-width:420px;align-items:center;justify-content:center;gap:11px;padding:28px;color:var(--brand-blue-dark);font-size:14px;font-weight:650}.terminal{max-width:480px;padding:38px 30px;text-align:center}.terminal h1{margin-top:18px;font-size:clamp(27px,5vw,34px)}.terminal p{max-width:390px;margin:9px auto 0;color:var(--brand-muted);font-size:15px;line-height:1.55}.result-action{max-width:330px;margin:24px auto 0}.status-mark{display:grid;width:58px;height:58px;place-items:center;margin:0 auto;border:1px solid #c6def5;border-radius:50%;background:var(--brand-soft);color:var(--brand-blue-dark)}.status-mark svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.terminal--succeeded .status-mark{border-color:#bde5c6;background:#edf8ef;color:#2f7d43}.terminal--retryable_failure .status-mark,.terminal--requires_review .status-mark{border-color:#f1d79e;background:#fff7e5;color:#966208}.terminal--failed .status-mark,.terminal--expired .status-mark,.terminal--cancelled .status-mark{border-color:#f2bcbc;background:#fff0f0;color:#c93434}.payment-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 20px 24px;color:#708096;font-size:11px;line-height:1.4;text-align:center}.payment-footer svg{color:var(--brand-blue)}@keyframes pulse{50%{opacity:.28;transform:scale(.8)}}@media (max-width: 560px){.payment-brand{padding-top:22px}.payment-brand img{width:138px}.brand-arc{top:78px;height:100px;width:164vw}.payment-stage{place-items:start center;padding:82px 16px 26px}.payment-card,.terminal{border-radius:24px}.payment-card{padding:23px 20px}h1{font-size:29px}.intro{margin-bottom:18px;font-size:14px}.payment-summary>div{min-height:56px;grid-template-columns:32px minmax(0,1fr) auto;padding:9px 11px}dt{font-size:12px}dd{max-width:150px;font-size:14px}.payment-summary .amount dd{font-size:17px}.offer{margin-block:18px;font-size:13px}button,.result-action{min-height:49px;font-size:14px}.security-note{font-size:11px}.terminal{margin-top:16px;padding:32px 22px}.terminal h1{font-size:28px}.terminal p{font-size:14px}.payment-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}@media (max-width: 370px){.payment-summary>div{grid-template-columns:30px minmax(0,1fr)}.payment-summary dd{grid-column:2;max-width:none;margin-top:2px;text-align:left}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}