.pay-demo{flex-direction:column;gap:28px;width:100%;max-width:980px;margin:0 auto;padding-bottom:40px;display:flex}.pay-demo__head{flex-direction:column;gap:10px;display:flex}.pay-demo__head h1{letter-spacing:-.03em;margin:0;font-size:clamp(30px,5vw,42px);line-height:1.08}.pay-demo__head p{max-width:620px;color:var(--text-muted);margin:0;font-size:16px;line-height:1.6}.pay-demo__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;gap:16px;display:grid}.pay-card{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.pay-card--vip{border-color:var(--accent-dim-border);background:linear-gradient(170deg, var(--accent-dim) 0%, var(--surface) 60%)}.pay-card__head{align-items:center;gap:14px;display:flex}.pay-card__head h2{letter-spacing:-.01em;color:var(--text-strong);margin:0;font-size:20px}.pay-card__head p{color:var(--text-dim);margin:2px 0 0;font-size:13px;font-weight:600}.pay-card__icon{background:var(--surface-raised);border:1px solid var(--border-strong);width:42px;height:42px;color:var(--accent-soft);border-radius:999px;flex:none;place-items:center;display:inline-grid}.pay-card__icon--accent{background:var(--accent-gradient);color:var(--on-accent);border-color:#0000}.pay-card__text{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.pay-card__error{color:var(--danger-soft);margin:0;font-size:13px;font-weight:700}.pay-card__submit{align-self:stretch;min-height:46px;margin-top:auto}.pay-amount{align-items:center;gap:10px;display:flex}.pay-amount input{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--input-bg);min-width:0;color:var(--text-strong);font:inherit;font-variant-numeric:tabular-nums;flex:1;padding:12px 14px;font-size:26px;font-weight:800}.pay-amount input:focus{border-color:var(--accent);outline:none}.pay-amount span{color:var(--text-dim);font-size:22px;font-weight:800}.pay-presets{flex-wrap:wrap;gap:8px;display:flex}.pay-preset{border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text);font:inherit;cursor:pointer;font-variant-numeric:tabular-nums;padding:7px 12px;font-size:13px;font-weight:700}.pay-preset:hover{border-color:var(--border-stronger)}.pay-preset--active{border-color:var(--accent-dim-border);background:var(--accent-dim);color:var(--accent-soft)}.pay-vip__price{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.pay-vip__price strong{letter-spacing:-.03em;color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1}.pay-vip__price span{color:var(--text-dim);font-size:13px;font-weight:700}.pay-slider{flex-direction:column;gap:10px;display:flex}.pay-slider input[type=range]{--fill:0%;appearance:none;background:linear-gradient(90deg, var(--accent-from), var(--accent-to)) 0 / var(--fill) 100% no-repeat, var(--surface-hover);cursor:pointer;border-radius:999px;width:100%;height:8px;margin:8px 0}.pay-slider input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.pay-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-strong);border:4px solid var(--accent);width:24px;height:24px;box-shadow:var(--shadow-soft);border-radius:999px}.pay-slider input[type=range]::-moz-range-thumb{background:var(--text-strong);border:4px solid var(--accent);border-radius:999px;width:16px;height:16px}.pay-slider__ticks{justify-content:space-between;display:flex}.pay-slider__tick{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:700}.pay-slider__tick--active{color:var(--accent-soft)}.pay-perks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pay-perks li{color:var(--text);align-items:center;gap:9px;font-size:14px;display:flex}.pay-perks svg{color:var(--success-soft);flex:none}.pay-terms{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pay-terms__block{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);min-width:0;padding:20px 22px}.pay-terms__block h2{color:var(--text-strong);margin:0 0 12px;font-size:17px}.pay-terms__block ul{flex-direction:column;gap:8px;margin:0;padding-left:18px;display:flex}.pay-terms__block li{color:var(--text-muted);font-size:14px;line-height:1.6}.pay-terms__block li::marker{color:var(--accent-soft)}.pay-seller{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;padding:22px;display:grid}.pay-seller h2{color:var(--text-strong);margin:0 0 12px;font-size:17px}.pay-seller dl{flex-direction:column;gap:8px;margin:0;display:flex}.pay-seller dl div{grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:14px;display:grid}.pay-seller dt{color:var(--text-dim);font-weight:600}.pay-seller dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-weight:600}.pay-seller a,.pay-agree a{color:var(--accent-soft);text-decoration:none}.pay-seller a:hover,.pay-agree a:hover{text-decoration:underline}.pay-seller__docs{flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.pay-modal{z-index:200;background:#050505c7;place-items:center;padding:20px;animation:.14s pay-fade;display:grid;position:fixed;inset:0}.pay-modal__panel{border-radius:var(--r-lg);border:1px solid var(--border-strong);background:var(--surface);width:min(460px,100%);max-height:calc(100dvh - 40px);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:26px 24px 24px;animation:.18s pay-pop;display:flex;position:relative;overflow-y:auto}@keyframes pay-fade{0%{opacity:0}to{opacity:1}}@keyframes pay-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.pay-modal__close{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface-raised);width:32px;height:32px;color:var(--text-muted);cursor:pointer;place-items:center;display:grid;position:absolute;top:14px;right:14px}.pay-modal__close:hover{background:var(--surface-hover);color:var(--text)}.pay-modal__title{letter-spacing:-.01em;color:var(--text-strong);margin:0;padding-right:36px;font-size:21px}.pay-modal__error{color:var(--danger-soft);margin:-6px 0 0;font-size:12px;font-weight:700}.pay-modal__hint{color:var(--text-dim);margin:0;font-size:13px}.pay-modal__submit{align-self:stretch;min-height:46px}.pay-modal__actions{flex-direction:column;align-self:stretch;gap:8px;display:flex}.pay-modal__actions .action-link{min-height:44px}.pay-modal__order{border-radius:var(--r-md);background:var(--surface-raised);border:1px solid var(--border);align-items:center;gap:12px;padding:14px;display:flex}.pay-modal__order>div{flex-direction:column;gap:2px;min-width:0;display:flex}.pay-modal__order strong{color:var(--text-strong);font-size:15px}.pay-modal__order small{font:600 12px var(--mono);color:var(--text-dim)}.pay-modal__order-sum{color:var(--text-strong);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:20px;font-weight:800}.pay-modal__order-icon{background:var(--accent-dim);border:1px solid var(--accent-dim-border);width:38px;height:38px;color:var(--accent-soft);border-radius:999px;flex:none;place-items:center;display:grid}.pay-modal__order-icon--vip{background:var(--accent-gradient);color:var(--on-accent);border-color:#0000}.pay-methods{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.pay-methods legend{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;padding:0;font-size:12px;font-weight:800}.pay-method{border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-muted);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:12px;font-weight:700;display:flex;position:relative}.pay-method input{opacity:0;pointer-events:none;position:absolute}.pay-method:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.pay-method--active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-soft)}.pay-field{flex-direction:column;gap:6px;display:flex}.pay-field>span{color:var(--text-muted);font-size:13px;font-weight:700}.pay-field input{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--input-bg);color:var(--text-strong);font:inherit;padding:11px 12px;font-size:15px}.pay-field input:focus{border-color:var(--accent);outline:none}.pay-field input[aria-invalid=true]{border-color:var(--danger)}.pay-field em{color:var(--danger-soft);font-size:12px;font-style:normal;font-weight:700}.pay-agree{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.pay-agree input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin-top:2px}.pay-modal__state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:8px;display:flex}.pay-modal__state>p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.pay-modal__state .pay-modal__title{padding-right:0}.pay-modal__spinner{color:var(--accent);margin:10px 0 4px;animation:.9s linear infinite pay-spin}@keyframes pay-spin{to{transform:rotate(360deg)}}.pay-modal__badge{border-radius:999px;place-items:center;width:72px;height:72px;animation:.25s pay-pop;display:grid}.pay-modal__badge--ok{background:var(--success-dim);border:1px solid var(--success-dim-border);color:var(--success-soft)}.pay-modal__badge--fail{background:var(--danger-dim);border:1px solid var(--danger-dim-border);color:var(--danger-soft)}.pay-receipt{border-radius:var(--r-md);background:var(--surface-raised);border:1px solid var(--border);text-align:left;align-self:stretch;margin:4px 0 0;padding:4px 14px}.pay-receipt div{justify-content:space-between;gap:12px;padding:9px 0;font-size:14px;display:flex}.pay-receipt div+div{border-top:1px solid var(--border)}.pay-receipt dt{color:var(--text-dim);font-weight:600}.pay-receipt dd{color:var(--text-strong);text-align:right;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:700}.pay-receipt__mono{font-family:var(--mono);font-size:13px}@media (max-width:760px){.pay-demo__grid{grid-template-columns:1fr}.pay-card{padding:20px}.pay-terms,.pay-seller{grid-template-columns:1fr}.pay-seller dl div{grid-template-columns:90px minmax(0,1fr)}.pay-modal{align-items:end;padding:0}.pay-modal__panel{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:94dvh}}