@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}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:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:80px;transition:all .18s;display:flex}.amount-option span{font-family:Manrope,sans-serif;font-size:18px;font-weight:800}.amount-option small{color:#8792a4;font-size:11px}.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}.amount-input-wrap{background:#fbfcfe;border:1px solid #dfe5ee;border-radius:13px;align-items:center;height:50px;margin-top:8px;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}.divider{background:#edf0f4;height:1px;margin:27px 0 23px}.payment-methods{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.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-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:11px}.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}.summary-row{color:#778398;justify-content:space-between;align-items:center;margin:24px 2px 13px;font-size:13px;display:flex}.summary-row strong{color:#25334b}.primary-button{color:#22291f;background:#ffc849;border:0;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;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}.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-meta-main code{color:#5f6e84;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}.code-wrap{grid-template-columns:1fr auto;gap:8px;margin-top:13px;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:11px;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}.crypto-payment{background:#f2f6fc;border:1px solid #dce5f1;border-radius:11px;margin-top:13px;padding:12px}.crypto-payment p{color:#68768b;margin:0 0 5px;font-size:10px}.crypto-payment>strong{color:#243c63;font-family:Manrope,sans-serif;font-size:17px}.crypto-payment>small{color:#8490a3;margin-top:7px;font-size:9px;display:block}.crypto-address{grid-template-columns:1fr auto;gap:6px;margin-top:8px;display:grid}.crypto-address code{text-overflow:ellipsis;color:#53627a;background:#fff;border-radius:7px;min-width:0;padding:7px;font-size:9px;overflow:hidden}.crypto-address button{color:#506581;background:#fff;border:1px solid #d5deea;border-radius:7px;width:32px}.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}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:68px;padding-inline:2px}.amount-option span{font-size:14px}.amount-option small{font-size:9px}.payment-methods{gap:6px}.payment-method{min-height:82px;padding-inline:3px}.payment-method strong{font-size:9px}.routerbee-link{padding-right:2px}}