:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eef7;background:#080d14;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#080d14;--panel:#0e1621;--panel2:#111c2a;--line:#1e2b3c;--line2:#2a3b50;--text:#e8eef7;--muted:#8492a6;--subtle:#637389;--blue:#3978f6;--blue2:#72a0ff;--soft:#132443;--success:#54d39b;--danger:#ff7f88;--shadow:0 28px 80px rgba(0,0,0,.36)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 50% -20%,#16243b 0,transparent 44%),var(--bg);color:var(--text)}button,a{font:inherit}.screen{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(255,255,255,.06);background:#080d14c7;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#3274ff,#174dc2);font-weight:900;font-size:11px;box-shadow:inset 0 0 0 1px #ffffff2e}.brand>span:last-child{display:grid;gap:1px}.brand strong{font-size:13px;letter-spacing:.04em}.brand small{font-size:10px;color:#6f85a2;letter-spacing:.16em;font-weight:800}.secure-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:#0e1723;padding:7px 10px;color:#8da0b8;font-size:10px;font-weight:700}.secure-pill svg{width:13px;height:13px;color:#6ba0ff}.checkout-shell{width:min(1180px,calc(100% - 36px));margin:44px auto 72px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}.checkout-main,.summary,.state-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,#111c2af5,#0c141efa);box-shadow:var(--shadow)}.checkout-main{padding:24px}.back-link{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#8090a6;padding:0;margin:0 0 22px;cursor:pointer;font-size:11px}.back-link svg{width:14px}.merchant{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center;padding:0 0 22px;border-bottom:1px solid var(--line)}.merchant-logo{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:13px;background:#142031;color:#8eb2ff;font-size:13px;font-weight:900;overflow:hidden}.merchant-logo img{width:100%;height:100%;object-fit:cover}.merchant>div:last-child{display:grid;gap:2px}.merchant small,.section-title small,.summary-head span{color:#6388d8;font-size:10px;font-weight:850;letter-spacing:.12em}.merchant strong{font-size:15px}.merchant span{color:var(--muted);font-size:11px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:25px 0 13px}.section-title h1{margin:4px 0 0;font-size:24px;letter-spacing:-.025em}.section-title>span{color:#71839b;font-size:10px}.methods{display:grid;gap:9px}.method{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;background:#101a27;color:var(--text);padding:12px;text-align:left;cursor:pointer;transition:.15s ease}.method:hover:not(:disabled){border-color:#365784;background:#132033;transform:translateY(-1px)}.method.is-disabled{opacity:.62;cursor:not-allowed}.method>svg{width:16px;color:#71839b}.method-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#14233a;border:1px solid #213a60;font-size:11px;font-weight:900}.method-logo--paypal{color:#7ca9ff}.method-logo--payhere{color:#79dbac;background:#102b25;border-color:#1e5546}.method-logo--manual{color:#c7d2e1}.method-copy{display:grid;gap:3px;min-width:0}.method-copy strong{font-size:13px}.method-copy small{color:#748499;font-size:10px;line-height:1.4}.summary{padding:20px;position:sticky;top:98px}.summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.summary-head strong{font-size:11px;color:#93a5bd}.line-items{display:grid;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.line-items>div{display:flex;justify-content:space-between;gap:15px}.line-items span{min-width:0;display:grid;gap:2px}.line-items strong{font-size:11px}.line-items small{font-size:10px;color:#687990}.line-items b{font-size:11px;white-space:nowrap}.total{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px;padding:18px 0}.total>span{font-size:11px;color:#8a9bb1}.total strong{font-size:25px;letter-spacing:-.03em}.total small{grid-column:1/-1;text-align:right;color:#63758c;font-size:10px}.summary-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 0 14px}.summary-meta>span{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:8px;background:#0c151f;padding:7px;color:#6f8198;font-size:10px}.summary-meta svg{width:11px}.summary-meta strong{color:#9aabc0;margin-left:auto}.trust{display:flex;align-items:flex-start;gap:9px;border:1px solid #1d3f69;border-radius:11px;background:#2867c914;padding:10px}.trust svg{width:15px;flex:0 0 auto;color:#79a8ff}.trust span{display:grid;gap:2px}.trust strong{font-size:10px}.trust small{font-size:10px;color:#70849f;line-height:1.45}.inline-error{display:flex;align-items:flex-start;gap:8px;margin-top:10px;border:1px solid rgba(255,127,136,.25);border-radius:10px;background:#ff7f8814;padding:10px;color:#f4a2a8;font-size:10px}.inline-error svg{width:14px;flex:0 0 auto}.manual-box{display:grid;gap:8px;margin-top:12px;border:1px solid #294466;border-radius:12px;background:#0d1c2c;padding:12px}.manual-box>div{display:flex;align-items:flex-start;gap:9px}.manual-box svg{width:15px;color:#75a5ff}.manual-box span{display:grid;gap:2px}.manual-box strong{font-size:11px}.manual-box small{font-size:10px;color:#74869d}.manual-box p{margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:8px;background:#0a141f;padding:8px 9px;font-size:10px;color:#9eb0c7}.manual-box p button{border:0;background:transparent;color:#7598ca;cursor:pointer;padding:0}.manual-box p svg{width:12px}.success-card{display:grid;justify-items:center;text-align:center;padding:48px 20px 28px}.success-card>span{width:54px;height:54px;display:grid;place-items:center;border-radius:999px;background:#54d39b1f;color:var(--success);border:1px solid rgba(84,211,155,.25)}.success-card h1{margin:18px 0 6px;font-size:26px}.success-card p{max-width:460px;margin:0;color:#8192a9;font-size:11px;line-height:1.55}.success-card button,.state-card button{margin-top:18px;display:inline-flex;align-items:center;gap:7px;border:1px solid #3a6dd8;border-radius:10px;background:#2f68dd;color:#fff;padding:10px 14px;cursor:pointer;font-weight:750;font-size:11px}.success-card button svg,.state-card button svg{width:14px}.state-card{width:min(520px,calc(100% - 32px));margin:90px auto;padding:44px;text-align:center;display:grid;justify-items:center}.state-card>svg{width:28px;height:28px;color:#6799ff}.state-card h1{margin:16px 0 7px;font-size:22px}.state-card p{margin:0;color:var(--muted);font-size:11px}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{margin-top:auto;min-height:64px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(22px,calc((100vw - 1180px)/2));color:#526177;font-size:10px}footer nav{display:flex;gap:14px}footer a{color:#687a91;text-decoration:none}@media(max-width:860px){.checkout-shell{grid-template-columns:1fr;margin-top:24px}.summary{position:static;order:-1}.summary-meta{grid-template-columns:1fr 1fr}.checkout-main{padding:18px}}@media(max-width:520px){.topbar{height:64px;padding:0 14px}.secure-pill span{display:none}.checkout-shell{width:calc(100% - 20px);margin:12px auto 54px;gap:10px}.checkout-main,.summary{border-radius:14px}.summary,.checkout-main{padding:15px}.section-title h1{font-size:20px}.summary-meta{grid-template-columns:1fr}.method{padding:10px;grid-template-columns:38px minmax(0,1fr) 16px}.method-logo{width:38px;height:38px}.total strong{font-size:22px}footer{padding:16px;min-height:70px;align-items:flex-start;flex-direction:column}}button:focus-visible,a:focus-visible{outline:2px solid var(--blue2);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(prefers-color-scheme:light){:root{--bg:#f4f7fb;--panel:#fff;--panel2:#f8fbff;--line:#dbe4ef;--line2:#c8d5e5;--text:#172033;--muted:#64748b;--subtle:#7a899c;--soft:#edf4ff;--shadow:0 24px 60px rgba(25,45,70,.12)}body{background:radial-gradient(circle at 50% -20%,#dfeaff 0,transparent 44%),var(--bg)}.topbar{background:#ffffffdb;border-bottom-color:#e2e8f0}.secure-pill,.method,.summary-meta>span,.manual-box p{background:#f7faff}.checkout-main,.summary,.state-card{background:linear-gradient(160deg,#fff,#f8fbff)}.method-logo,.merchant-logo{background:#edf4ff}.manual-box{background:#f3f7fd}.back-link{color:#64748b}}