:root{--bg1: #1e293b;--bg2: #0f172a;--card: #ffffff;--ink: #0f172a;--muted: #64748b;--brand: #A39161;--brand-dark: #8a774a;--ok: #16a34a;--err: #dc2626;--line: #e2e8f0}*{box-sizing:border-box}html,body{margin:0;width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:linear-gradient(160deg,var(--bg1),var(--bg2));background-attachment:fixed;-webkit-text-size-adjust:100%}.wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}.card{width:100%;max-width:420px;background:var(--card);border-radius:18px;padding:22px;box-shadow:0 18px 44px #00000059}@media(max-width:380px){.card{padding:18px;border-radius:14px}}.header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px}.logo{width:100%;max-width:168px;height:auto;display:block}.secure{font-size:12px;font-weight:600;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:12px}.amount{display:flex;flex-direction:column;gap:2px;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:18px}.amount strong{font-size:clamp(26px,8vw,32px);line-height:1.1;word-break:break-word}.amount .quote{font-size:13px;color:var(--muted)}.form{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#334155;min-width:0}input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:13px 14px;font-size:16px;outline:none;background:#fff;color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #a3916147}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}button{margin-top:6px;width:100%;border:0;border-radius:12px;background:linear-gradient(180deg,var(--brand),var(--brand-dark));color:#fff;font-size:16px;font-weight:700;padding:15px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.result{text-align:center;padding:24px 0}.result .big{font-size:56px;line-height:1}.result.ok p{color:var(--ok);font-weight:700}.result.err p{color:var(--err);font-weight:700}.result.success p:first-of-type{font-size:20px}.pay-scene{position:relative;width:220px;height:130px;margin:4px auto 18px}.pos{position:absolute;left:50%;bottom:6px;transform:translate(-50%);width:84px;animation:pos-pop .5s ease-out both}.pos-screen{width:84px;height:40px;border-radius:10px 10px 4px 4px;background:linear-gradient(160deg,#334155,#1e293b);box-shadow:inset 0 2px 4px #ffffff14}.pos-slot{width:60px;height:6px;margin:5px auto 0;border-radius:4px;background:#0f172a}.pos-base{width:84px;height:30px;border-radius:4px 4px 12px 12px;background:linear-gradient(160deg,#475569,#334155)}.cc{position:absolute;top:6px;left:50%;width:96px;height:60px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));box-shadow:0 10px 20px #00000040;overflow:hidden;transform-origin:center;animation:cc-travel 1.15s cubic-bezier(.65,0,.35,1) both}.cc-chip{position:absolute;top:12px;left:12px;width:16px;height:12px;border-radius:3px;background:linear-gradient(135deg,#ffe9a8,#d9b45c)}.cc-strip{position:absolute;bottom:12px;left:12px;right:12px;height:7px;border-radius:3px;background:#ffffff59}.cc-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);transform:translate(-100%);animation:cc-shine 1.15s ease-in-out both}.check-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;opacity:0;animation:badge-pop .45s cubic-bezier(.2,1.4,.4,1) 1.05s both}.check-badge svg{width:100%;height:100%}.check-ring{fill:var(--ok);stroke:var(--ok);stroke-width:2}.check-mark{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:check-draw .4s ease-out 1.35s both}@keyframes pos-pop{0%{transform:translate(-50%) translateY(12px) scale(.9);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes cc-travel{0%{transform:translate(-180%) rotate(-12deg) scale(1);opacity:0}25%{opacity:1}60%{transform:translate(-50%) rotate(0) scale(1);opacity:1}80%{transform:translate(-50%,34px) rotate(0) scale(.72);opacity:1}to{transform:translate(-50%,44px) rotate(0) scale(.55);opacity:0}}@keyframes cc-shine{0%,45%{transform:translate(-100%)}70%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes badge-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes check-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.pos,.cc,.cc-shine,.check-badge,.check-mark{animation-duration:.01ms;animation-delay:0s}.cc{opacity:0}.check-badge{opacity:1;transform:translate(-50%,-50%) scale(1)}.check-mark{stroke-dashoffset:0}}