.pay-surface{--pay-bg:#fff;--pay-surface:#f4f8fa;--pay-text:#133443;--pay-muted:#526e7c;--pay-line:#d4e1e7;--pay-line-strong:#9ebac5;--pay-hover:#edf4f7;--pay-primary:#087f9f;--pay-primary-hover:#066f8c;--pay-primary-text:#fff;border:1px solid var(--pay-line);background:var(--pay-bg);width:min(100%,640px);color:var(--pay-text);box-shadow:none;border-radius:12px;font-family:IBM Plex Sans,sans-serif;position:relative;overflow:hidden}.pay-surface[data-theme=dark]{--pay-bg:#062735;--pay-surface:#0b3341;--pay-text:#f4fafb;--pay-muted:#a8c1ca;--pay-line:#28505e;--pay-line-strong:#517886;--pay-hover:#103b49;--pay-primary:#22a7c6;--pay-primary-hover:#38b5d0;--pay-primary-text:#fff}@media (prefers-color-scheme:dark){.pay-surface[data-theme=system]{--pay-bg:#062735;--pay-surface:#0b3341;--pay-text:#f4fafb;--pay-muted:#a8c1ca;--pay-line:#28505e;--pay-line-strong:#517886;--pay-hover:#103b49;--pay-primary:#22a7c6;--pay-primary-hover:#38b5d0;--pay-primary-text:#fff}}.pay-surface[data-theme=dark] .aeris-logo{--aeris-logo-color:#f4fafb;--aeris-logo-current:#78d9ec}@media (prefers-color-scheme:dark){.pay-surface[data-theme=system] .aeris-logo{--aeris-logo-color:#f4fafb;--aeris-logo-current:#78d9ec}}.pay-surface button{font:600 14px/1.4 Onest,sans-serif}.pay-surface a{font-family:inherit}.pay-surface p,.pay-surface h1,.pay-surface h3{margin:0}.pay-surface__header{border-bottom:1px solid var(--pay-line);justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:0 32px;display:flex;position:relative}.pay-surface__header:after{display:none}.pay-wordmark{letter-spacing:-.02em;font-size:15px;font-weight:750}.pay-reference{color:var(--pay-muted);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:11px;overflow:hidden}.pay-surface__body{display:block}.pay-summary{flex-wrap:wrap;align-items:flex-end;gap:16px 24px;min-width:0;padding:28px 32px 12px;display:flex}.pay-summary__identity{overflow-wrap:anywhere;flex:1;min-width:140px}.pay-summary p{color:var(--pay-text);letter-spacing:-.025em;font-family:Onest,sans-serif;font-size:22px;font-weight:600;line-height:1.35}.pay-summary .pay-summary__amount{letter-spacing:-.035em;overflow-wrap:anywhere;max-width:100%;color:var(--pay-text);margin:0;font-family:Onest,sans-serif;font-size:clamp(24px,4vw,32px);font-weight:650;line-height:1.2}.pay-summary__identity>span{overflow-wrap:anywhere;color:var(--pay-muted);margin-top:8px;font-size:14px;line-height:1.45;display:block}.pay-action{flex-direction:column;min-width:0;padding:20px 32px 28px;display:flex}.pay-phone{gap:8px;min-width:0;margin-bottom:20px;display:grid}.pay-phone label{font-size:13px;line-height:1.5}.pay-phone label span{color:var(--pay-muted);font-size:11px;display:block}.pay-phone input{box-sizing:border-box;border:1px solid var(--pay-line-strong);background:var(--pay-bg);width:100%;min-width:0;min-height:44px;color:var(--pay-text);font:inherit;border-radius:8px;padding:10px 12px;font-size:16px}.pay-phone input:focus-visible{outline:2px solid var(--pay-primary);outline-offset:2px}.pay-phone input[aria-invalid=true]{border-color:var(--pay-text)}.pay-phone>p{color:var(--pay-muted);font-size:12px;line-height:1.5}.pay-method-actions{gap:10px;min-width:0;display:grid}.pay-method-action{border:1px solid var(--pay-line-strong);width:100%;min-height:54px;color:var(--pay-text);text-align:left;cursor:pointer;background:#fff;border-radius:7px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 18px;font-family:Onest,sans-serif;font-size:14px;font-weight:650;transition:background-color .15s,border-color .15s,transform .15s;display:grid}.pay-method-action:hover{border-color:var(--pay-primary);transform:translateY(-1px)}.pay-method-action:disabled{cursor:wait;opacity:.68;transform:none}.pay-method-action small{font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:450}.pay-method-action--sbp{color:#133443}.pay-method-action--sber-pay{color:#fff;background:#21a038;border-color:#21a038}.pay-method-action--sber-pay:hover{background:#198b30;border-color:#198b30}.pay-method-logo{align-items:center;width:42px;height:30px;display:flex}.pay-method-logo--sbp img{width:21px;height:auto;display:block}.pay-method-logo--sber-pay img{width:24px;height:auto;display:block}.pay-qr-layout{margin-bottom:24px}.pay-method-identity{background:var(--pay-surface);min-height:52px;color:var(--pay-text);border-radius:8px;align-items:center;gap:12px;margin-bottom:28px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.pay-method-identity .pay-method-logo{flex:0 0 24px;width:24px}.pay-qr{grid-template-columns:196px minmax(0,1fr);align-items:start;gap:28px;display:grid}.pay-qr__code{text-align:center}.pay-qr img{box-sizing:border-box;border:1px solid var(--pay-line);background:#fff;border-radius:8px;width:196px;height:196px;padding:8px;display:block}.pay-qr p{gap:4px;margin-top:12px;display:grid}.pay-qr strong{color:var(--pay-muted);font-size:12px;font-weight:400;line-height:1.45}.pay-qr span{color:var(--pay-muted);font-size:12px;line-height:1.45}.pay-qr__guide{border-left:1px solid var(--pay-line);min-width:0;padding-left:24px}.pay-qr__guide h2,.pay-qr__guide h4{letter-spacing:-.02em;margin:0 0 20px;font:600 18px/1.35 Onest,sans-serif}.pay-qr__guide ol{counter-reset:pay-step;gap:20px;margin:0;padding:0;list-style:none;display:grid}.pay-qr__guide li{color:var(--pay-muted);counter-increment:pay-step;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;display:flex}.pay-qr__guide li:before{content:counter(pay-step);background:var(--pay-surface);height:28px;color:var(--pay-text);border-radius:50%;flex:0 0 28px;place-items:center;font:500 12px/1 Onest,sans-serif;display:grid}.pay-qr-layout+.pay-method-actions{justify-items:center}.pay-qr-layout+.pay-method-actions .pay-method-action--sbp{border-color:var(--pay-text);background:var(--pay-text);width:min(100%,320px);min-height:48px;color:var(--pay-bg);justify-content:center;display:flex}.pay-qr-layout+.pay-method-actions .pay-method-logo{display:none}.pay-qr-layout+.pay-method-actions .pay-method-action--sbp:hover{background:var(--pay-primary);border-color:var(--pay-primary);color:#fff}.pay-action-error{color:#b8473d;font-size:12px;line-height:1.45;margin-top:12px!important}.pay-mobile-hint{color:var(--pay-muted);text-align:center;font-size:11px;line-height:1.4;display:none;margin-top:10px!important}.pay-result{align-content:center;justify-items:start;gap:10px;min-height:220px;padding:12px 4px;display:grid}.pay-result>i{width:44px;height:34px;color:var(--pay-primary);place-items:center;font:600 30px/1 Onest,sans-serif;display:grid}.pay-result>i:before{content:"!"}.pay-result--success>i:before{content:"✓"}.pay-result--expired>i:before{content:"×"}.pay-result--pending>i:before{content:"···";letter-spacing:.12em;animation:.9s ease-in-out infinite alternate pay-current}.pay-result--failed>i,.pay-result--expired>i{color:#d05c45}.pay-result strong{font-family:Onest,sans-serif;font-size:19px}.pay-result p{max-width:340px;color:var(--pay-muted);font-size:13px;line-height:1.5}.pay-return{background:var(--pay-primary);min-height:42px;color:var(--pay-primary-text);border-radius:7px;align-items:center;margin-top:10px;padding:0 16px;font-family:Onest,sans-serif;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.pay-surface__footer{border-top:1px solid var(--pay-line);color:var(--pay-muted);justify-content:center;gap:12px;margin:0 32px;padding:20px 0;font-size:12px;display:flex}.pay-surface__footer a{color:inherit;text-underline-offset:3px}.pay-surface button:focus-visible,.pay-surface a:focus-visible{outline-offset:3px;outline:3px solid #00a7cb5c}.pay-surface--compact{border-radius:7px;width:100%}.pay-surface--compact .pay-surface__header{min-height:48px;padding-inline:16px}.pay-surface--compact .pay-reference{display:none}.pay-surface--compact .pay-surface__body{display:block}.pay-surface--compact .pay-summary{padding:18px 16px 16px}.pay-surface--compact .pay-summary .pay-summary__amount{margin:9px 0 8px;font-size:30px}.pay-surface--compact .pay-action{padding:16px}.pay-surface--compact .pay-method-action{min-height:48px;padding-inline:14px;font-size:12px}.pay-surface--compact .pay-result{min-height:150px}.pay-surface--compact .pay-surface__footer{padding:9px 16px}@keyframes pay-current{0%{opacity:.4;transform:translate(-3px)}to{opacity:1;transform:translate(3px)}}@media (width<=700px){.pay-surface:not(.pay-surface--compact){border:1px solid var(--pay-line);border-radius:12px;flex-direction:column;width:100%;min-height:0;display:flex}.pay-surface:not(.pay-surface--compact) .pay-surface__header{min-height:60px;padding-inline:20px}.pay-surface:not(.pay-surface--compact) .pay-surface__body{display:block}.pay-surface:not(.pay-surface--compact) .pay-summary{padding:24px 20px 12px}.pay-surface:not(.pay-surface--compact) .pay-summary .pay-summary__amount{font-size:clamp(24px,7vw,32px)}.pay-surface:not(.pay-surface--compact) .pay-action{padding:16px 20px 24px}.pay-surface:not(.pay-surface--compact) .pay-qr-layout{display:none}.pay-surface:not(.pay-surface--compact) .pay-mobile-hint{display:block}.pay-surface:not(.pay-surface--compact) .pay-surface__footer{margin:auto 20px 0}}@media (width<=360px){.pay-reference{max-width:145px}.pay-surface:not(.pay-surface--compact) .pay-summary,.pay-surface:not(.pay-surface--compact) .pay-action{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.pay-surface *,.pay-surface :before,.pay-surface :after{transition:none!important;animation:none!important}}.pay-recurring-agreement{margin:0 32px;padding-block:24px 8px}.pay-recurring-agreement h2{margin:0 0 12px;font-size:16px}.pay-recurring-agreement>p{color:var(--pay-muted);margin-bottom:16px}.pay-recurring-agreement dl{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px 24px;margin:0;font-size:14px;line-height:1.5;display:grid}.pay-recurring-agreement dt{color:var(--pay-muted)}.pay-recurring-agreement dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.pay-recurring-agreement label{cursor:pointer;align-items:start;gap:12px;margin-top:28px;font-size:14px;line-height:1.5;display:flex}.pay-recurring-agreement input{accent-color:#087f9f;flex:none;width:18px;height:18px;margin-top:4px}.pay-surface:has(.pay-recurring-agreement) .pay-surface__footer{border-top:0}@media (width<=600px){.pay-recurring-agreement{margin-inline:20px;padding-block:20px 4px}.pay-recurring-agreement dl{column-gap:16px}}