[hidden]{display:none!important}@import url('data:text/css,');
:root{font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#182039;background:#f3f5fb}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,a,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.shell{width:min(100%,480px);margin:0 auto;padding:24px 18px 36px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;margin-bottom:24px}.mark{display:grid;place-items:center;background:#5158d8;color:#fff;width:31px;height:31px;border-radius:10px}.secure{font-size:11px;font-weight:500;color:#71809e;margin-left:auto}.loading{background:#fff;padding:40px;text-align:center;border-radius:20px}.amount{display:flex;justify-content:space-between;align-items:center;padding:24px;border-radius:20px;background:linear-gradient(115deg,#4d51ca,#8589fb);color:#fff;box-shadow:0 14px 30px #4f56c92e}.amount small,.amount strong{display:block}.amount strong{font-size:34px;letter-spacing:-1.5px;line-height:1.15}.timer{text-align:right}.timer b{font-size:18px}.order-meta{display:flex;justify-content:flex-end;gap:16px;color:#7c879b;font-size:11px;margin:12px 5px 20px}.panel{background:#fff;border-radius:19px;padding:22px;margin:15px 0;box-shadow:0 5px 24px #1224510a}.section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.step{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e9eaff;color:#565be0;font-weight:800;font-size:11px;flex:none}.section-heading h1,.section-heading h2{font-size:18px;line-height:1.2;margin:2px 0 3px}.section-heading p{font-size:12px;color:#7a8499;margin:0}.qr-panel{text-align:center}.qr-panel .section-heading{text-align:left}.qr-wrap{background:#fff;border:1px solid #edf0fa;box-shadow:0 8px 22px #555cdb15;display:inline-flex;padding:12px;border-radius:16px}.qr-wrap img{width:220px;height:220px;object-fit:contain}.ghost{display:block;margin:20px auto 0;padding:10px 20px;border:1px solid #dde0fb;background:#f7f8ff;color:#5158d8;border-radius:10px;font-weight:700}.apps{display:grid;gap:10px}.apps a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e9ecf6;border-radius:13px;font-weight:650}.apps a:hover{border-color:var(--accent,#5158d8);background:#f9faff}.app-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f1f3f9;font-weight:800}.paytm{color:#0088be}.phonepe{background:#6538ad;color:#fff}.gpay{color:#4285f4}.arrow{margin-left:auto;color:#9aa3b5}.copy-row{display:flex;border:1px solid #dfe4f2;border-radius:11px;overflow:hidden}.copy-row code{padding:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.copy-row button{background:#5158d8;color:#fff;border:0;padding:0 18px}.manual small{display:block;color:#7a8499;margin-top:8px}label{font-size:12px;font-weight:700;display:block;margin-bottom:6px}input{width:100%;border:1px solid #dce1ed;border-radius:10px;padding:13px;outline:none}input:focus{border-color:#5158d8}.primary{width:100%;border:0;background:#5158d8;color:white;border-radius:10px;padding:13px;margin-top:14px;font-weight:750}.fine{font-size:11px;color:#8a91a1;margin:12px 0 0}.notice{padding:16px;border-radius:13px;background:#fff4db;color:#63460a;margin:16px 0}.notice.good{background:#e5f7ef;color:#176042}footer{text-align:center;color:#9ba4b5;font-size:11px;padding:16px}
body[data-theme="mint"]{background:#edf8f0;color:#173c2a}body[data-theme="mint"] .amount{background:linear-gradient(120deg,#188b57,#65c679)}body[data-theme="mint"] .mark,body[data-theme="mint"] .primary,body[data-theme="mint"] .copy-row button{background:#15864c}body[data-theme="mint"] .step{background:#dff5e5;color:#14834b}
body[data-theme="midnight"]{background:#101421;color:#eff3ff}body[data-theme="midnight"] .panel,body[data-theme="midnight"] .loading{background:#1d2537}body[data-theme="midnight"] .amount{background:linear-gradient(120deg,#303d67,#5162ad)}body[data-theme="midnight"] .apps a,body[data-theme="midnight"] .copy-row,body[data-theme="midnight"] input{border-color:#39455f}body[data-theme="midnight"] input{background:#151c2b;color:#fff}body[data-theme="midnight"] .qr-wrap{background:#fff}body[data-theme="midnight"] .ghost{background:#303b60;color:#d8e4ff;border:0}
body[data-theme="sunset"]{background:#fff7f1;color:#4b2a2a}body[data-theme="sunset"] .amount{background:linear-gradient(120deg,#e65d51,#f2ab61)}body[data-theme="sunset"] .mark,body[data-theme="sunset"] .primary,body[data-theme="sunset"] .copy-row button{background:#d74d46}body[data-theme="sunset"] .step{background:#ffebe0;color:#da554a}body[data-theme="sunset"] .panel{border-radius:24px}
body[data-theme="pearl"]{background:#f8f8f6;color:#242820}body[data-theme="pearl"] .amount{background:#28362d;border-radius:5px;box-shadow:none}body[data-theme="pearl"] .panel{border-radius:5px;box-shadow:none;border:1px solid #e5e8e0}body[data-theme="pearl"] .mark,body[data-theme="pearl"] .primary,body[data-theme="pearl"] .copy-row button{background:#28362d;border-radius:3px}body[data-theme="pearl"] .step{background:#e8ece6;color:#28362d;border-radius:3px}
@media(min-width:760px){.shell{padding-top:40px}}@media(max-width:360px){.qr-wrap img{width:185px;height:185px}.amount strong{font-size:29px}.shell{padding-left:12px;padding-right:12px}}
.apps img.app-icon{object-fit:contain;background:#fff;padding:2px}
body[data-theme="mint"] .amount{border-radius:28px 28px 8px 8px;box-shadow:0 16px 25px #238a4e24}body[data-theme="mint"] .qr-panel{border:2px dashed #b6dfc4;background:#fafffa}body[data-theme="mint"] .apps a{background:#f3fbf4;border-color:#d1ead6}
body[data-theme="midnight"] .amount{border:1px solid #8eaaff;box-shadow:0 0 28px #728de43b}body[data-theme="midnight"] .panel{border:1px solid #36425c}body[data-theme="midnight"] .section-heading h1,body[data-theme="midnight"] .section-heading h2{letter-spacing:.4px}body[data-theme="midnight"] .apps a:hover{background:#2b3752}
body[data-theme="sunset"] .amount{text-align:center;flex-direction:column;gap:8px}body[data-theme="sunset"] .timer{text-align:center}body[data-theme="sunset"] .apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}body[data-theme="sunset"] .apps a{flex-direction:column;text-align:center;gap:5px;padding:10px 3px;font-size:12px}body[data-theme="sunset"] .apps .arrow{display:none}
body[data-theme="pearl"] .section-heading{border-bottom:1px solid #e5e8e0;padding-bottom:16px}body[data-theme="pearl"] .qr-wrap{border:0;box-shadow:none}body[data-theme="pearl"] .apps a{border:0;border-bottom:1px solid #e5e8e0;border-radius:0}body[data-theme="pearl"] .ghost{border-radius:2px}

.brand{flex-direction:column;justify-content:center;gap:7px;margin:0 0 23px;text-align:center}
.brand-logo{display:grid;place-items:center;width:142px;height:64px;border:1px solid #e7ebf5;border-radius:17px;background:#fff;box-shadow:0 7px 22px #2432690d}
.brand-logo img{display:block;width:112px;height:auto}
.brand .secure{margin:0;color:#7986a0;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.apps a{min-height:61px}
.app-symbol{display:grid;place-items:center;width:66px;height:36px;flex:none}
.app-symbol .app-icon{width:34px;height:34px}
.gpay-mark{display:block;width:64px;height:32px;object-fit:contain}
