.pay{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:start}.pay-left{padding:0;overflow:hidden;gap:0}.pay-banner{position:relative;width:100%;aspect-ratio:21/7}.pay-banner img{object-fit:cover}.pay-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,var(--surface))}.pay-body{display:flex;flex-direction:column;align-items:center;gap:18px;padding:4px clamp(18px,3vw,30px) clamp(22px,3vw,30px);text-align:center}.pay-input{position:relative;display:block;width:min(300px,100%)}.pay-input input{font-size:26px;text-align:center;letter-spacing:.02em;width:100%;padding:13px 44px;color:var(--ink);background:var(--raised);border:1px solid var(--line);border-radius:var(--r);transition:border-color .2s var(--ease)}.pay-input input:focus{outline:none;border-color:var(--accent)}.pay-input input:disabled{opacity:.6}.pay-unit{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:inline-flex;pointer-events:none}.pay-bonuses{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.pay-bonus{flex-grow:0;flex-shrink:1;flex-basis:calc(33.333% - 7px);min-width:118px;display:flex;flex-direction:column;gap:3px;align-items:center;padding:13px 8px;cursor:pointer;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:inherit;font:inherit;transition:border-color .28s var(--ease),background .28s var(--ease)}.pay-bonus:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.pay-bonus-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.pay-bonus:disabled{cursor:default;opacity:.6}.pay-bonus-from{font-size:11.5px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.pay-bonus-pct{font-size:20px;line-height:1.15}.pay-total{display:flex;align-items:center;justify-content:center;gap:10px 16px;flex-wrap:wrap}.pay-badge{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--on-accent);background:var(--accent);padding:5px 10px;border-radius:2px}.pay-get{font-size:16px;display:inline-flex;align-items:center;gap:6px}.pay-stars{color:var(--muted)}.pay-bad{margin:0;font-size:13px;color:var(--t-fire)}.pay-right{display:flex;flex-direction:column;gap:14px}.pay-methods{gap:14px}.pay-method{display:flex;flex-direction:column;gap:4px;align-items:flex-start;width:100%;padding:16px 18px;cursor:pointer;text-align:left;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:inherit;font:inherit;transition:border-color .28s var(--ease),background .28s var(--ease)}.pay-method:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.pay-method-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.pay-method-name{font-size:18px;display:inline-flex;align-items:center;gap:8px}.pay-method-note{font-size:12.5px;color:var(--muted)}.pay-bonus-on .pay-bonus-from,.pay-method-on .pay-method-note{color:color-mix(in srgb,var(--ink) 70%,var(--muted))}.pay-more{padding:0;gap:0;overflow:hidden}.pay-more-h{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 18px;cursor:pointer;background:none;border:0;color:inherit;font:inherit;font-weight:700;text-align:left}.pay-more-h svg{flex:none;transition:transform .18s ease}.pay-more-h svg.up{transform:rotate(180deg)}.pay-more-list{display:flex;flex-direction:column;gap:10px;padding:0 18px 18px}.pay-go{align-self:flex-start}.btn:disabled{opacity:.5;cursor:not-allowed}.pay-wait-h{display:inline-flex;align-items:center;gap:8px;font-size:18px}.pay-pulse{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;animation:pay-pulse 1.6s ease-in-out infinite}@keyframes pay-pulse{0%,to{opacity:.45}50%{opacity:1}}.pay-done{border-color:color-mix(in srgb,var(--ok) 60%,var(--line))}@media (max-width:780px){.pay{grid-template-columns:1fr}}.pay-note{gap:12px;align-items:flex-start}.pay-note p{margin:0}.pay-note-btns{display:flex;gap:10px;flex-wrap:wrap}