@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap";:root{--bg: #151422;--panel: #1d1c2d;--text: #ffffff;--muted: #adb2ce;--accent: #3772fe;--border: #303353;--ok: #74e3ac;--danger: #ff8a8a}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Raleway,system-ui,sans-serif;background:var(--bg);color:var(--text)}body.pay-no-scroll{overflow:hidden}.pay-root{min-height:100vh;padding:28px 16px;display:grid;place-items:center}.pay-card{width:min(100%,580px);background:var(--panel);border:0;border-radius:24px;padding:22px;display:grid;gap:14px;box-shadow:0 14px 34px #00000052}.pay-brand{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0;border:0;border-radius:0;background:transparent}.pay-brand__logo{width:30px;height:30px;border-radius:8px;object-fit:cover}.pay-brand__powered{margin:0;display:inline-flex;align-items:baseline;gap:6px;font-size:14px;line-height:1.1}.pay-brand__powered span{color:var(--muted);font-weight:500}.pay-brand__powered strong{color:var(--text);font-weight:800;font-size:15px}.pay-heading{display:grid;gap:8px}.pay-store{margin:0;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.02em}.pay-description{margin:0;font-size:14px;color:var(--muted)}.pay-title{margin:0;font-family:Raleway,sans-serif;font-size:clamp(24px,5.7vw,48px);line-height:1.1}.pay-subtitle{margin:0;font-family:Raleway,sans-serif;font-size:14px;color:var(--muted)}.pay-amount{margin:2px 0 0;font-family:Raleway,sans-serif;font-size:clamp(34px,8vw,58px);font-variant-numeric:tabular-nums lining-nums;font-weight:500;letter-spacing:-.02em}.pay-amount--loading{display:inline-block;min-width:240px;color:transparent;border-radius:10px;background:#2a2d47;position:relative;overflow:hidden}.pay-amount--loading:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff24,#fff0);animation:pay-skeleton-shimmer 1.2s infinite}.pay-qr{border:0;border-radius:0;padding:4px 0;display:grid;place-items:center;gap:10px;min-height:0;background:transparent}.pay-qr-skeleton{width:min(280px,72vw);aspect-ratio:1;border-radius:12px;background:#2a2d47;position:relative;overflow:hidden}.pay-qr-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff24,#fff0);animation:pay-skeleton-shimmer 1.2s infinite}@keyframes pay-skeleton-shimmer{to{transform:translate(100%)}}.qr-box{width:min(280px,72vw);aspect-ratio:1;background:transparent;border-radius:12px;border:0;padding:0;object-fit:contain}.pay-status{font-size:14px;color:var(--muted);text-align:center;max-width:280px;margin:0}.pay-status--ok{color:var(--ok)}.pay-status--error{color:var(--danger)}.pay-btn{border:0;border-radius:999px;padding:12px 18px;font-weight:600;font-size:15px;font-family:Raleway,sans-serif;background:var(--accent);color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin-inline:auto}.pay-btn:disabled{opacity:.6;cursor:not-allowed}.pay-btn--secondary{background:#3772fe24;color:#c6d6ff;border:1px solid rgba(55,114,254,.35)}.pay-btn--secondary:hover{background:#3772fe33}.pay-btn--qr-link{margin-top:2px}.pay-btn--mobile{width:100%;max-width:100%;margin-inline:0}.pay-mobile-actions{display:grid;gap:10px}.pay-mobile-actions[hidden]{display:none!important}.pay-mobile-note{margin:0;font-size:12px;line-height:1.45;color:var(--muted)}.pay-actions{display:grid;gap:12px}.pay-muted{font-size:12px;color:var(--muted)}.pay-meta{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#23243a}.pay-meta__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.pay-meta__label{font-size:12px;color:var(--muted)}.pay-meta__value{font-size:13px;font-variant-numeric:tabular-nums lining-nums;color:var(--text)}.pay-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#2a2d47;color:var(--text)}.pay-pill--created,.pay-pill--processing{background:#ffb04d29;color:#ffc780}.pay-pill--paid{background:#2ec97829;color:var(--ok)}.pay-pill--expired,.pay-pill--canceled,.pay-pill--chargeback{background:#ff8a8a29;color:var(--danger)}.pay-live{display:grid;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:#24263d8c}.pay-live[hidden]{display:none!important}.pay-live__time{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pay-live__label{font-size:13px;color:var(--muted)}.pay-live__countdown{font-size:28px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.pay-live__meta{display:flex;align-items:center;justify-content:flex-start;gap:10px}.pay-terminal-message{border:1px solid var(--border);border-radius:14px;background:#ff8a8a17;padding:20px;display:grid;gap:12px;text-align:center}.pay-terminal-message[hidden]{display:none!important}.pay-terminal-message--success{background:#4ade8014;border-color:#4ade8033}.pay-terminal-message__icon{margin:0 auto;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pay-terminal-message__icon--success{background:#4ade8026}.pay-terminal-message__icon--success svg{width:32px;height:32px;color:#4ade80}.pay-terminal-message__icon--error{background:#ff8a8a26}.pay-terminal-message__icon--error svg{width:32px;height:32px;color:#ff8a8a}.pay-terminal-message__title{margin:0;font-size:20px;line-height:1.15;color:#ffd5d5}.pay-terminal-message--success .pay-terminal-message__title{color:#bbf7d0}.pay-terminal-message__text{margin:0;font-size:14px;line-height:1.45;color:#e8eaff}.pay-terminal-message__btn{margin-inline:auto;width:fit-content}.pay-trust{border-top:1px solid var(--border);padding-top:10px;display:grid;gap:8px}.pay-trust__title{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.pay-trust__items{display:flex;flex-wrap:wrap;gap:8px}.pay-trust__item{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:#25273e;color:var(--text);font-size:12px;font-weight:600}.pay-trust__item svg{width:14px;height:14px;stroke:#aeb3cf;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pay-trust__item svg path:first-child{fill:#2c2f49}.pay-qr-modal{position:fixed;inset:0;background:#050814c7;display:grid;place-items:center;padding:16px;z-index:100}.pay-qr-modal[hidden]{display:none!important}.pay-qr-modal__card{width:min(100%,360px);background:#1f2135;border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;gap:10px}.pay-qr-modal__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pay-qr-modal__head h3{margin:0;font-size:18px;color:var(--text)}.pay-qr-modal__close{border:1px solid var(--border);background:#272943;color:var(--text);border-radius:10px;width:32px;height:32px;font-size:20px;cursor:pointer;line-height:1}.pay-qr-modal__hint{margin:0;font-size:12px;line-height:1.4;color:var(--muted)}.pay-qr-modal__image{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;background:#fff;padding:8px}@media(max-width:520px){.pay-card{padding:16px;border-radius:20px;gap:12px}.pay-store{font-size:26px}.pay-amount{font-size:clamp(34px,10vw,44px)}}.pay-methods{display:flex;flex-direction:column;gap:10px;width:100%}.pay-methods[hidden]{display:none}.pay-methods__title{font-size:14px;color:#94a3b8;text-align:center;margin:0}.pay-methods__list{display:flex;flex-direction:column;gap:8px}.pay-method-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0a;color:#e2e8f0;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit;font-size:15px;text-align:left}.pay-method-btn:hover{background:#3772fe1f;border-color:#3772fe66}.pay-method-btn:active{background:#3772fe33}.pay-method-btn__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff0f;color:#94a3b8;flex-shrink:0}.pay-method-btn__label{font-weight:500}@media(max-width:768px){.pay-root{padding:14px 10px}.pay-card{border-radius:16px;padding:14px;gap:10px}.pay-qr{display:none!important}.pay-trust__items{gap:6px}.pay-trust__item,.pay-trust__title{font-size:11px}}