@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#162033;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f9fc;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}body.modal-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{background:linear-gradient(#fbfdff 0%,#f5f7fb 100%);min-height:100vh;position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(4px);opacity:.85;border-radius:999px;position:fixed}.ambient-one{background:radial-gradient(circle,#ffc64c2e,#0000 68%);width:540px;height:540px;top:-310px;right:-90px}.ambient-two{background:radial-gradient(circle,#3777ff1a,#0000 68%);width:650px;height:650px;top:280px;left:-330px}.topbar{z-index:2;justify-content:space-between;align-items:center;width:min(1160px,100% - 40px);height:82px;margin:auto;display:flex;position:relative}.logo{color:#172238;letter-spacing:-.4px;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;text-decoration:none;display:flex}.logo-symbol,.brand-mark{color:#172238;background:#ffc849;border:1px solid #8c5c0026;place-items:center;display:grid;box-shadow:0 8px 22px #ffbe2440}.logo-symbol{border-radius:11px;width:36px;height:36px}.routerbee-link{color:#61708a;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.routerbee-link:hover{color:#1e2a41;background:#fff;box-shadow:0 4px 18px #1a2a4a12}.page{z-index:1;width:min(1120px,100% - 40px);margin:auto;position:relative}.hero{text-align:center;max-width:750px;margin:62px auto 46px}.eyebrow{color:#7c5a00;letter-spacing:.08em;background:#fff8de;border:1px solid #f2dfa1;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin:0 auto 20px;padding:7px 11px;font-size:12px;font-weight:700;display:flex}.hero h1{color:#172136;letter-spacing:-.055em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(38px,6vw,64px);font-weight:800;line-height:1.06}.hero h1 span{color:#67758e;display:block}.hero>p{color:#68758b;max-width:650px;margin:22px auto 0;font-size:17px;line-height:1.75}.trust-row{color:#66748a;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:24px;font-size:13px;display:flex}.trust-row span{align-items:center;gap:6px;display:flex}.trust-row svg{color:#3d7a63}.checkout-grid{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:start;gap:20px;padding-bottom:60px;display:grid}.panel{background:#fffffff0;border:1px solid #e1e6ef;border-radius:24px;box-shadow:0 24px 70px #1e2d4c14,0 2px 8px #1e2d4c08}.payment-panel{padding:30px}.codes-panel{flex-direction:column;min-height:580px;padding:26px;display:flex;position:sticky;top:24px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.panel-heading>div{align-items:center;gap:11px;display:flex}.panel-heading h2{letter-spacing:-.02em;margin:0;font-family:Manrope,sans-serif;font-size:18px}.panel-heading.compact{margin-bottom:14px}.step{color:#65748b;background:#edf2f9;border-radius:9px;place-items:center;min-width:29px;height:29px;font-size:11px;font-weight:800;display:grid}.currency-pill{color:#657187;letter-spacing:.08em;background:#f3f5f9;border:1px solid #e6e9ef;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.amount-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.amount-option{color:#202b40;background:#fff;border:1px solid #dfe5ee;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:40px;padding:3px 5px;transition:all .18s;display:flex}.amount-option span{font-family:Manrope,sans-serif;font-size:15px;font-weight:800;line-height:1.05}.amount-option small{color:#8792a4;font-size:9px;line-height:1.1}.amount-option:hover{border-color:#bfc9d8;transform:translateY(-1px)}.amount-option.selected{background:#fffaf0;border-color:#f3b72e;box-shadow:0 0 0 2px #f6bd3224}.amount-option.selected small{color:#9a7318}.custom-amount{color:#68758b;margin-top:18px;font-size:12px;font-weight:600;display:block}.custom-amount.url-amount{margin-top:0}.amount-input-wrap{background:#fbfcfe;border:1px solid #dfe5ee;border-radius:13px;align-items:center;height:50px;padding:0 15px;display:flex}.amount-input-wrap>span{color:#8691a3;font-size:17px}.amount-input-wrap input{color:#172136;background:0 0;border:0;outline:0;width:100%;padding:0 8px;font-size:17px;font-weight:700}.amount-input-wrap em{color:#8490a3;font-size:11px;font-style:normal;font-weight:700}.payment-method-heading{margin-top:27px}.payment-methods{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.payment-channel-select{color:#78869a;flex-shrink:0;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.payment-channel-select select{color:#40536d;width:88px;height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e0ea;border-radius:8px;padding:0 6px;font-size:11px}.payment-channel-note{color:#718096;margin:10px 0 0;font-size:11px;line-height:1.5}.payment-method{background:#fbfcff;border:1px solid #d9e0ea;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:92px;padding:11px 6px;transition:all .18s;display:flex;position:relative}.payment-method:hover{border-color:#bcc8d9;transform:translateY(-1px)}.payment-method.selected{border-color:#9cb5df;box-shadow:0 0 0 2px #4b76be14}.method-icon{color:#40577c;place-items:center;width:38px;height:38px;display:grid}.method-icon svg{fill:currentColor;width:32px;height:32px}.method-alipay .method-icon{color:#1677ff}.method-wechat .method-icon{color:#07c160}.method-stripe .method-icon{color:#635bff}.method-stripe .method-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px}.method-usdt_tron .method-icon{color:#ef0027}.method-usdt_bsc .method-icon{color:#f0b90b}.method-icon .tron-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px}.payment-method strong{color:#334158;white-space:nowrap;max-width:100%;font-size:13.2px}.radio{color:#fff;background:#fff;border:1px solid #cad3df;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:7px;right:7px}.payment-method.selected .radio{background:#274a7a;border-color:#274a7a}.delivery-email{background:#fffaf0;border:1px solid #efd88e;border-radius:13px;margin-top:21px;padding:14px;display:block}.delivery-email-label{color:#4f4330;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.delivery-email-label b{color:#8a5900;letter-spacing:.05em;background:#ffe7a8;border-radius:999px;padding:2px 6px;font-size:9px}.delivery-email input{color:#172136;background:#fff;border:1px solid #ddc77e;border-radius:10px;outline:0;width:100%;height:46px;margin-top:9px;padding:0 13px;font-size:15px;font-weight:600;transition:all .18s}.delivery-email input:focus{border-color:#b98714;box-shadow:0 0 0 3px #e8b12f24}.delivery-email input::placeholder{color:#a2a9b4;font-weight:400}.delivery-email small{color:#75684d;margin-top:8px;font-size:11px;line-height:1.55;display:block}.delivery-email small strong{color:#9a5c00}.fee-breakdown{background:#f8fafc;border:1px solid #dfe5ee;border-radius:13px;margin-top:16px;padding:13px 15px}.fee-breakdown>div{color:#6d798c;justify-content:space-between;align-items:center;gap:12px;min-height:27px;font-size:11px;display:flex}.fee-breakdown strong{color:#334158;font-family:Manrope,sans-serif;font-size:12px}.fee-breakdown .fee-total{color:#27364e;border-top:1px solid #dfe5ee;margin-top:7px;padding-top:10px;font-size:12px;font-weight:800}.fee-breakdown .fee-total strong{color:#172136;font-size:17px}.primary-button{color:#22291f;background:#ffc849;border:0;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:24px;font-weight:800;transition:all .18s;display:flex;box-shadow:0 10px 26px #f5b41b38}.primary-button:hover:not(:disabled){background:#ffd05d;transform:translateY(-1px);box-shadow:0 13px 28px #f5b41b47}.primary-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.fine-print{color:#8b96a8;text-align:center;margin:12px 18px 0;font-size:11px;line-height:1.55}.reopen-crypto-button{color:#405a7d;background:#f7f9fd;border:1px solid #d5deea;border-radius:10px;width:100%;margin-top:10px;padding:9px;font-size:11px;font-weight:700}.demo-note{color:#7c5a00;text-align:center;background:#fff8de;border:1px solid #f2dfa1;border-radius:9px;margin:11px 0 0;padding:8px 10px;font-size:11px}.error-message{color:#a53b3b;background:#fff2f1;border:1px solid #f2d1cf;border-radius:10px;margin:14px 0 0;padding:9px 11px;font-size:12px}.empty-state{text-align:center;background:#fafbfd;border:1px dashed #dbe1eb;border-radius:17px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:370px;padding:30px;display:flex}.empty-state>span{color:#8b6c22;background:#fff5d8;border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.empty-state h3{margin:17px 0 7px;font-family:Manrope,sans-serif;font-size:15px}.empty-state p{color:#8994a6;max-width:280px;margin:0;font-size:12px;line-height:1.65}.orders-list{flex-direction:column;gap:11px;max-height:470px;padding-right:2px;display:flex;overflow:auto}.order-card{background:#fbfcfe;border:1px solid #e2e7ef;border-radius:15px;padding:15px}.order-card.delivered{background:#fbfefc;border-color:#cfe4d9}.order-meta,.order-amount{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-meta{color:#8a95a6;font-size:10px}.order-meta-main{align-items:center;gap:7px;min-width:0;display:flex}.order-id{align-items:center;gap:4px;min-width:0;display:flex}.order-id b{color:#79869a;flex:none;font-size:9px;font-weight:700}.order-id code{color:#52637c;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.status{color:#78601f;background:#fff4ce;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700}.status-paid{color:#2b6b54;background:#e5f5ed}.status-failed,.status-expired{color:#8a4a4a;background:#fae9e9}.order-amount{margin-top:13px}.order-amount strong{font-family:Manrope,sans-serif;font-size:16px}.order-amount span{color:#778397;font-size:11px}.redemption-code{margin-top:13px}.redemption-code>span{color:#607769;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.code-wrap{grid-template-columns:1fr auto;gap:8px;display:grid}.code-wrap code{text-overflow:ellipsis;color:#284e3f;background:#f1f8f4;border:1px solid #d9e5df;border-radius:9px;min-width:0;padding:10px;font-family:ui-monospace,monospace;font-size:14.3px;overflow:hidden}.code-wrap button{color:#3b6855;background:#fff;border:1px solid #d5e1dc;border-radius:9px;width:38px}.order-note{color:#8490a3;margin:12px 0 0;font-size:11px}.demo-complete-button{color:#755400;background:#fff8de;border:1px solid #ead58e;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:9px;font-size:11px;font-weight:700;display:flex}.refresh-button{color:#728097;background:0 0;border:0;align-self:center;align-items:center;gap:6px;margin-top:auto;padding:15px 10px 0;font-size:11px;display:flex}.muted{color:#8390a3}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c15259e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.crypto-modal{text-align:center;background:#fff;border:1px solid #ffffffb3;border-radius:24px;width:min(480px,100%);max-height:calc(100vh - 40px);padding:30px;position:relative;overflow-y:auto;box-shadow:0 30px 90px #050e1f52}.modal-close{color:#66758b;background:#f2f5f9;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:16px}.crypto-network-icon{background:#fff7e0;border-radius:17px;place-items:center;width:54px;height:54px;margin:0 auto 12px;display:grid}.crypto-network-icon svg{fill:currentColor;width:32px;height:32px}.crypto-network-icon .tron-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px}.network-tron{color:#ef0027;background:#fff0f2}.network-bsc{color:#dca900}.modal-eyebrow{color:#6f7d92;letter-spacing:.08em;margin:0;font-size:11px;font-weight:800}.crypto-modal h2{letter-spacing:-.035em;margin:5px 0 18px;font-family:Manrope,sans-serif;font-size:24px}.crypto-warning{color:#76570e;text-align:left;background:#fff8df;border:1px solid #f0d07a;border-radius:12px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:12px;line-height:1.55;display:flex}.crypto-warning svg{flex:none;margin-top:1px}.crypto-warning strong{color:#9b5700}.crypto-payment-grid{grid-template-columns:124px minmax(0,1fr);align-items:stretch;gap:12px;margin-top:14px;display:grid}.crypto-qr-card{background:#fff;border:1px solid #e0e6ef;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex}.crypto-qr-card svg{width:108px;max-width:100%;height:auto}.crypto-qr-card span{color:#6d788b;white-space:nowrap;margin-top:5px;font-size:9px;font-weight:700}.crypto-amount-card{background:#fffaf0;border:2px solid #f0bd35;border-radius:16px;min-width:0;padding:18px 12px}.crypto-amount-card>span{color:#7c6c45;font-size:11px;font-weight:700;display:block}.crypto-amount-card>strong{color:#18243a;letter-spacing:-.04em;white-space:nowrap;margin:7px 0 2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(25px,7vw,34px);display:block}.crypto-amount-card mark{color:#9c4f00;background:#ffd96f;border-radius:6px;padding:1px 4px}.crypto-amount-card em{color:#55647b;letter-spacing:0;font-size:15px;font-style:normal}.crypto-amount-card small{color:#73664a;font-size:10px;display:block}.crypto-amount-card small b{color:#a95500;font-family:ui-monospace,monospace;font-size:12px}.crypto-amount-card button{color:#6d520d;background:#fff;border:1px solid #dfc16e;border-radius:9px;align-items:center;gap:6px;margin-top:13px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.crypto-modal-field{text-align:left;margin-top:15px}.crypto-modal-field>span{color:#748197;font-size:11px;font-weight:700}.crypto-modal-field>div{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:6px;display:grid}.crypto-modal-field code{overflow-wrap:anywhere;color:#36475f;background:#f7f9fc;border:1px solid #e0e6ef;border-radius:10px;min-width:0;padding:10px;font-size:11px;line-height:1.45}.crypto-modal-field button{color:#455b78;background:#fff;border:1px solid #d8e0eb;border-radius:10px;width:42px}.crypto-modal-meta{color:#8490a2;justify-content:space-between;gap:8px;margin-top:12px;font-size:9px;display:flex}.crypto-modal-meta code{color:#5c6c83}.crypto-done-button{color:#22291f;background:#ffc849;border:0;border-radius:11px;width:100%;margin-top:18px;padding:12px;font-size:13px;font-weight:800}.crypto-polling{color:#7d899b;justify-content:center;align-items:center;gap:6px;margin:10px 0 0;font-size:10px;display:flex}.crypto-success{color:#32634f;text-align:left;background:#f0f8f4;border:1px solid #cde5d7;border-radius:13px;align-items:center;gap:11px;padding:15px;display:flex}.crypto-success div{flex-direction:column;gap:3px;display:flex}.crypto-success span{color:#698477;font-size:11px}footer{color:#909aaa;justify-content:space-between;width:min(1120px,100% - 40px);margin:auto;padding:0 0 28px;font-size:11px;display:flex}.loading-screen{color:#778398;background:#f8faff;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.loading-screen .brand-mark{border-radius:15px;width:50px;height:50px;margin-bottom:7px}.loading-screen p{margin:0;font-size:13px}.error-screen h1{color:#1d2a42;margin:4px 0 0;font-size:21px}.secondary-button{color:#35445d;background:#fff;border:1px solid #dbe1ea;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=840px){.hero{margin-top:40px}.checkout-grid{grid-template-columns:1fr}.codes-panel{min-height:460px;position:static}}@media (width<=560px){.topbar,.page,footer{width:min(100% - 24px,1120px)}.topbar{height:68px}.hero{margin:35px auto 34px}.hero h1{font-size:39px}.hero>p{font-size:14px}.trust-row{gap:10px 15px}.payment-panel,.codes-panel{border-radius:19px;padding:20px}.amount-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.amount-option{min-height:40px;padding-inline:2px}.amount-option span{font-size:14px}.amount-option small{font-size:9px}.payment-methods{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.payment-method-heading{gap:6px}.payment-method-heading h2{font-size:16px}.payment-channel-select select{width:82px;font-size:10px}.payment-method{border-radius:11px;gap:5px;min-height:72px;padding:8px 1px}.method-icon{width:28px;height:28px}.method-icon svg{width:24px;height:24px}.payment-method strong{letter-spacing:-.02em;font-size:9.6px}.radio{width:14px;height:14px;top:4px;right:4px}.routerbee-link{padding-right:2px}.modal-backdrop{align-items:end;padding:10px}.crypto-modal{border-radius:22px 22px 16px 16px;max-height:calc(100vh - 20px);padding:25px 18px 20px}.crypto-payment-grid{grid-template-columns:94px minmax(0,1fr);gap:8px}.crypto-qr-card{padding:6px}.crypto-qr-card svg{width:82px}.crypto-qr-card span{font-size:8px}.crypto-amount-card{padding:14px 7px}.crypto-amount-card>strong{font-size:22px}.crypto-amount-card em{font-size:11px}.crypto-amount-card small{font-size:9px}.crypto-modal-meta{flex-direction:column;align-items:flex-start}}