*{box-sizing:border-box}:root{--brand: #0e9f6e;--brand-soft: color-mix(in srgb, var(--brand), #ffffff 94%);--paper: #ffffff;--paper-faint: #faf9f8;--rule: #efece9;--ink: #1a1518;--ink-mid: #5a5054;--ink-soft: #8d8388;--ok: #128c5a;--ok-bg: #e9f6ef;--canvas: #f4f2f0}html,body{margin:0;min-height:100%;background:var(--canvas);font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink)}.num{font-variant-numeric:tabular-nums}.serif{font-family:Fraunces,Georgia,serif}.page{max-width:430px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--paper);display:flex;flex-direction:column}.accent-line{flex:none;height:3px;background:var(--brand)}.brand-head{flex:none;text-align:center;padding:26px 20px 0}.brand-name{font-size:23px;font-weight:600;letter-spacing:.16em;color:var(--brand);text-transform:uppercase}.brand-logo{display:block;margin:0 auto;max-height:40px;max-width:220px;object-fit:contain}.main{flex:1;min-height:0;overflow-y:auto;padding:22px 20px 20px}.main.center{display:flex;flex-direction:column;justify-content:center}.ask{text-align:center}.ask-line{font-size:13px;color:var(--ink-mid)}.amount{font-size:44px;font-weight:700;letter-spacing:-.035em;line-height:1.05;color:var(--ink);margin-top:7px}.order-chip{display:inline-flex;align-items:center;gap:7px;background:var(--paper-faint);border:1px solid var(--rule);border-radius:999px;padding:5px 12px;margin-top:11px;font-size:11.5px;font-weight:600;color:var(--ink-mid)}.qr-card{background:var(--paper-faint);border:1px solid var(--rule);border-radius:18px;padding:18px;margin-top:22px;text-align:center}.qr-frame{display:inline-block;background:#fff;border-radius:12px;padding:11px;box-shadow:0 1px 3px #1a121614;line-height:0}.qr-frame img{display:block;width:170px;height:170px}.qr-label{font-size:12.5px;font-weight:600;color:var(--ink);margin-top:13px}.apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px}.apptile{background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:11px 4px 9px;text-align:center;cursor:pointer;transition:transform .12s,border-color .12s;font-family:inherit}.apptile:hover{transform:translateY(-1px);border-color:var(--brand)}.apptile .appicon{display:inline-block;width:32px;height:32px;border-radius:9px;object-fit:contain}.apptile .lbl{font-size:10.5px;font-weight:600;color:var(--ink-mid);margin-top:6px;white-space:nowrap}.or-row{display:flex;align-items:center;gap:11px;margin:18px 0;color:var(--ink-soft);font-size:11px;font-weight:600}.or-row:before,.or-row:after{content:"";flex:1;height:1px;background:var(--rule)}.outbtn{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--brand);border-radius:13px;padding:13px;cursor:pointer;background:transparent;color:var(--brand);font-family:inherit;font-size:13.5px;font-weight:600;transition:background .13s}.outbtn:hover{background:var(--brand-soft)}.status-card{background:var(--paper-faint);border:1px solid var(--rule);border-radius:18px;padding:26px 20px;margin-top:24px;text-align:center}.spinner{display:inline-block;width:42px;height:42px;border:3px solid var(--rule);border-top-color:var(--brand);border-radius:50%;animation:spin .9s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.spinner.neutral{border-top-color:var(--ink-soft);margin-bottom:0}.status-title{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.status-sub{font-size:12px;line-height:1.6;color:var(--ink-mid);margin-top:8px}.ghostbtn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--rule);background:transparent;border-radius:12px;padding:11px 18px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--ink-mid)}.success-burst{position:relative;display:inline-flex;width:64px;height:64px;align-items:center;justify-content:center;margin-bottom:18px}.success-burst .halo{position:absolute;inset:0;border-radius:50%;background:var(--ok);opacity:.2;animation:halo 2s ease-out infinite}.success-burst .core{position:relative;display:flex;width:60px;height:60px;border-radius:50%;background:var(--ok);align-items:center;justify-content:center;animation:burst .34s cubic-bezier(.2,.8,.3,1);color:#fff;font-size:27px}@keyframes burst{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes halo{0%{transform:scale(.9);opacity:.4}70%,to{transform:scale(1.5);opacity:0}}.wa-note{display:flex;align-items:center;gap:9px;background:var(--ok-bg);border-radius:14px;padding:12px 14px;margin-top:14px;color:var(--ok);font-size:12.5px;font-weight:600;line-height:1.5}.expired-icon{display:inline-flex;width:58px;height:58px;border-radius:50%;background:var(--paper-faint);border:1px solid var(--rule);align-items:center;justify-content:center;margin-bottom:17px;color:var(--ink-soft);font-size:25px}.big-title{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.big-sub{font-size:13px;line-height:1.65;color:var(--ink-mid);margin:9px auto 0;max-width:280px;text-wrap:pretty}.splash{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:radial-gradient(120% 120% at 50% 20%,#17a56b 0%,var(--ok) 55%,#0c6b45 100%);animation:splashWash .5s cubic-bezier(.2,.8,.3,1) both;overflow:hidden}.splash.instant{animation:none}@keyframes splashWash{0%{clip-path:circle(0% at 50% 55%)}to{clip-path:circle(140% at 50% 55%)}}.splash-sparks{position:absolute;top:18%;left:50%;width:260px;height:120px;transform:translate(-50%);pointer-events:none}.splash-sparks i{position:absolute;top:0;width:6px;height:14px;border-radius:3px;opacity:0;animation:sparkFall .9s cubic-bezier(.2,.7,.3,1) forwards}@keyframes sparkFall{0%{opacity:0;transform:translateY(-8px) rotate(0) scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(96px) rotate(140deg) scale(1)}}.splash-body{padding:0 24px;animation:splashRise .45s .15s cubic-bezier(.2,.8,.3,1) both}.splash.instant .splash-body{animation:none}@keyframes splashRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.splash-burst{position:relative;display:inline-flex;width:78px;height:78px;align-items:center;justify-content:center;margin-bottom:20px}.splash-burst .halo{position:absolute;inset:0;border-radius:50%;background:#ffffff47;animation:halo 2s ease-out infinite}.splash-burst .core{position:relative;display:flex;width:72px;height:72px;border-radius:50%;background:#fff;color:var(--ok);align-items:center;justify-content:center;animation:burst .4s .2s cubic-bezier(.2,.8,.3,1) both}.splash.instant .splash-burst .core{animation:none}.splash-title{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.splash-sub{font-size:13.5px;font-weight:600;opacity:.85;margin-top:8px}.splash-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:26px;padding:13px 26px;border-radius:999px;background:#fff;color:var(--ok);font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 10px 26px -10px #0632218c;transition:transform .12s}.splash-cta:hover{transform:translateY(-1px);color:var(--ok)}.splash-wa{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;font-size:12px;font-weight:600;opacity:.8}.splash-foot{position:absolute;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:5px;font-size:10.5px;font-weight:600;opacity:.65}.foot{flex:none;border-top:1px solid var(--rule);padding:8px 20px calc(9px + env(safe-area-inset-bottom));text-align:center}.trust{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--ink-soft)}