@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}:root{--brand: hsl(152 55% 45%);--brand-dark: hsl(152 55% 37%);--brand-tint: hsl(152 55% 45% / .12);--brand-ring: hsl(152 55% 45% / .22);--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--bg: #eef2f7;--ok: hsl(152 55% 40%);--err: #dc2626}html,body{margin:0;height:100%}body{font-family:Metropolis,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:radial-gradient(1200px 500px at 50% -10%,hsl(153,98%,32%) 0%,transparent 60%),var(--bg);-webkit-font-smoothing:antialiased}.wrap{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:14px}.card{background:#fff;border-radius:18px;box-shadow:0 20px 50px -20px #0f172a40,0 2px 8px #0f172a0a;width:100%;max-width:420px;overflow:hidden}.brandbar{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--line)}.logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center}.brandname{font-weight:700;font-size:15px;letter-spacing:-.01em}.brandtag{margin-left:auto;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.body{padding:22px 20px 24px}.label{color:var(--muted);font-size:13px}.amount{font-size:34px;font-weight:800;letter-spacing:-.02em;margin-top:2px}.desc{color:var(--muted);font-size:14px;margin-top:5px;margin-bottom:20px;line-height:20px}.tabs{display:flex;gap:6px;margin:20px 0 18px;background:#f1f5f9;padding:4px;border-radius:12px}.tab{flex:1;padding:9px;border-radius:9px;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:14px;color:var(--muted);transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.tab.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0f172a1f}.btn{position:relative;overflow:hidden;width:100%;padding:13px;border-radius:11px;border:none;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:filter .15s}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.6;cursor:default;filter:none}.btn:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);pointer-events:none;animation:shimmer 2.6s infinite}.btn:disabled:after{animation:none}@keyframes shimmer{0%{left:-60%}55%,to{left:140%}}.field{margin-bottom:12px}.field label{display:block;font-size:13px;color:#334155;margin-bottom:5px;font-weight:500}.field input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #cbd5e1;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.field input::placeholder{color:#9aa7b8;font-size:13px}.field input.invalid{border-color:var(--err)}.fielderr{display:block;margin-top:4px;color:var(--err);font-size:12px}.row{display:flex;gap:10px}.qr{display:block;width:210px;height:210px;margin:4px auto 14px;border:1px solid var(--line);border-radius:14px;padding:8px;background:#fff}.copy{width:100%;font-family:ui-monospace,monospace;font-size:12px;padding:10px;border-radius:10px;border:1px solid var(--line);background:#f8fafc;resize:vertical;min-height:120px;color:#334155;line-height:1.5}.pillwait{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px}.dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.err{color:var(--err);font-size:13px;margin-top:10px;text-align:center}.center{text-align:center}.muted{color:var(--muted);font-size:13px}.success{text-align:center;padding:12px 0}.checkmark{width:64px;height:64px;border-radius:50%;background:#dcfce7;color:var(--ok);display:grid;place-items:center;font-size:34px;margin:0 auto 12px}.success h2{margin:0 0 4px;font-size:20px}.lockcircle{width:64px;height:64px;border-radius:50%;background:#fef3c7;color:#d97706;display:grid;place-items:center;margin:0 auto 12px}.foot{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(1200px 500px at 50% -10%,hsl(152 55% 88%) 0%,transparent 60%),var(--bg)}.splash-inner{text-align:center}.splash-logo{width:220px;max-width:70vw;height:auto;margin-bottom:26px;animation:blurIn .8s cubic-bezier(.22,1,.36,1) both,floaty 3s ease-in-out .8s infinite}@keyframes blurIn{0%{opacity:0;filter:blur(12px);transform:translateY(10px) scale(.94)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.splash-bar{width:190px;height:4px;border-radius:4px;background:#dbe3ea;overflow:hidden;margin:0 auto;position:relative;animation:fadeUp .6s ease-out .25s both}.splash-bar span{position:absolute;left:0;top:0;height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--brand),transparent);border-radius:4px;animation:slide 1.15s infinite ease-in-out}@keyframes slide{0%{left:-45%}to{left:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.splash-foot{margin-top:18px;color:var(--muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;animation:fadeUp .6s ease-out .4s both}.brandlogo{height:30px;width:auto;display:block}.toast{position:fixed;bottom:24px;left:50%;z-index:1000;transform:translate(-50%) translateY(20px);background:#0f172a;color:#fff;padding:11px 18px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 10px 30px #00000040;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 480px){.wrap{padding:16px 12px}.brandbar{padding:12px 16px}.body{padding:18px 16px 20px}.amount{font-size:30px}.qr{width:190px;height:190px}.row{flex-direction:row}.splash-logo{width:180px}}