.payment-center{--pc-blue:#2f6fed;--pc-navy:#061b50;--pc-green:#20bd8d;padding-block:2rem 5rem!important;background:linear-gradient(180deg,#f4f8ff 0,#fff 38rem)}
.payment-center .float-animation,.payment-center .float-animation-reverse{display:none!important}
.payment-center-shell>h1,.payment-center-shell>h2,.payment-center-shell>p{display:none}
.payment-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:2rem;padding:clamp(1.5rem,4vw,3.5rem);border-radius:2rem;background:linear-gradient(125deg,#061844 0%,#0b2d76 58%,#1767d8 100%);color:#fff;box-shadow:0 1.5rem 4rem rgba(6,27,80,.18);margin-bottom:1.5rem}
.payment-hero:after{content:"";position:absolute;width:25rem;height:25rem;right:-12rem;top:-13rem;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 3rem rgba(255,255,255,.035),0 0 0 7rem rgba(255,255,255,.025)}
.payment-kicker{display:inline-flex;align-items:center;gap:.5rem;color:#8fc0ff;font-weight:800;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem}
.payment-hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.04;color:#fff;margin:0 0 1rem}.payment-hero-lead{max-width:650px;color:rgba(255,255,255,.76);font-size:1.08rem;line-height:1.6;margin:0}
.payment-contract{position:relative;z-index:1;align-self:center;padding:1.35rem;border:1px solid rgba(255,255,255,.16);border-radius:1.25rem;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}
.payment-contract span{display:block;color:#a9caff;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.45rem}.payment-contract strong{display:block;font-size:1.15rem;line-height:1.4;color:#fff;margin-bottom:.85rem}.payment-contract p{color:rgba(255,255,255,.68);font-size:.86rem;line-height:1.5;margin:0}
.payment-details{display:grid;grid-template-columns:1fr auto;gap:1.25rem;align-items:center;border:1px solid #d9e5f6;border-radius:1.25rem;background:#fff;padding:1.2rem 1.35rem;margin-bottom:2rem;box-shadow:0 .7rem 2rem rgba(20,55,105,.06)}
.payment-details-label{display:block;color:#6d7891;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.payment-details-value{display:block;color:#071b4a;font-size:clamp(.9rem,2vw,1.08rem);font-weight:800;overflow-wrap:anywhere}
.payment-copy{display:flex;gap:.55rem;flex-wrap:wrap}.payment-copy button{border:1px solid #bdd1f3;background:#edf4ff;color:var(--pc-blue);border-radius:.75rem;padding:.7rem .9rem;font-weight:700;white-space:nowrap}
.payment-tools{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;margin-bottom:1rem}.payment-tool{display:flex;align-items:flex-start;gap:1rem;padding:1.35rem;border:1px solid #d9e5f6;border-radius:1.25rem;background:#fff;box-shadow:0 .7rem 2rem rgba(20,55,105,.05)}.payment-tool-icon{flex:0 0 auto;width:3rem;height:3rem;display:grid;place-items:center;border-radius:.9rem;background:#111;color:#fff;font-size:1.35rem;font-weight:800}.payment-tool-app .payment-tool-icon{background:linear-gradient(145deg,#2f6fed,#1551c2)}.payment-tool-cabinet .payment-tool-icon{background:#e9f1ff;color:var(--pc-blue)}.payment-tool h2{font-size:1.08rem;margin:0 0 .65rem}.payment-tool ol{padding-left:1.2rem;margin:0;color:#66728b;font-size:.9rem;line-height:1.55}.payment-tool li+li{margin-top:.3rem}.payment-tool p{color:#66728b;font-size:.9rem;line-height:1.55;margin:0 0 .8rem}.payment-tool .btn{font-size:.84rem;padding:.6rem .8rem}.payment-store-links{display:flex;flex-wrap:wrap;gap:.55rem}.payment-store-links a{display:flex;align-items:center;height:2.75rem;padding:.42rem .65rem;border-radius:.7rem;background:#07101f;transition:transform .2s ease}.payment-store-links a:hover{transform:translateY(-2px)}.payment-store-links img{display:block;width:auto;height:1.8rem}
.payment-requisites{border:1px solid #d9e5f6;border-radius:1.25rem;background:#fff;padding:clamp(1.2rem,3vw,2rem);margin-bottom:2rem;box-shadow:0 .7rem 2rem rgba(20,55,105,.05)}.payment-requisites-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.payment-requisites-head h2{font-size:1.35rem;margin:0 0 .3rem}.payment-requisites-head p{font-size:.9rem;color:#6f7b93;margin:0}.payment-requisites-head .btn{white-space:nowrap}.payment-requisites dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid #e2eaf6}.payment-requisites dl>div{padding:1rem 1rem 1rem 0;border-bottom:1px solid #e2eaf6}.payment-requisites dl>div:nth-child(even){padding-left:1rem}.payment-requisites dt{color:#77839a;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.payment-requisites dd{color:#071b4a;font-weight:700;line-height:1.45;margin:0;overflow-wrap:anywhere}
.payment-section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:0 0 1.15rem}.payment-section-title h2{font-size:clamp(1.5rem,3vw,2rem);margin:0}.payment-section-title p{color:#6f7b93;margin:0}
.payment-center .row{padding-bottom:1rem!important}
.payment-center .col{display:flex}
.payment-center .card{width:100%;border:1px solid #dce6f5;border-radius:1.25rem;box-shadow:0 .6rem 1.6rem rgba(23,55,100,.06);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.payment-center a.card:hover{transform:translateY(-5px);border-color:#a9c6f5;box-shadow:0 1rem 2.4rem rgba(23,55,100,.12)}
.payment-center .card-body{display:flex;flex-direction:column;min-height:13rem;padding:1.4rem}.payment-center .card-body img{height:3.1rem;width:auto;max-width:14.7rem;object-fit:contain;object-position:left center;margin-bottom:.8rem}
.payment-center .card-text,.payment-center .card-textt{font-size:.94rem;line-height:1.55;margin:0!important;padding:0!important;color:#66728b!important}
.payment-badge{display:table;margin-top:auto;padding-top:1rem;font-size:.75rem;font-weight:800;color:var(--pc-green);text-transform:uppercase;letter-spacing:.04em}
.payment-badge.manual{color:#a6630b}.payment-arrow{position:absolute;right:1rem;top:1rem;color:#94a9c8;font-size:1.1rem}
.monobank-card .card-body{background:linear-gradient(145deg,#fff,#f3f3f5)}.monobank-mark{display:flex;align-items:center;gap:.7rem;height:3.1rem;margin-bottom:.8rem;color:#111;font-size:1.65rem;font-weight:800;letter-spacing:-.04em}.monobank-icon{width:2.7rem;height:2.7rem;display:grid;place-items:center;background:#111;color:#fff;border-radius:.8rem;font-size:1.3rem;letter-spacing:0}
.payment-note{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.2rem}.payment-note article{padding:1.2rem;border-radius:1rem;background:#eef5ff}.payment-note strong{display:block;color:#082459;margin-bottom:.35rem}.payment-note p{font-size:.88rem;line-height:1.5;color:#68758e;margin:0}
.dark-mode .payment-center{background:linear-gradient(180deg,#111d32 0,#111827 38rem)}.dark-mode .payment-details,.dark-mode .payment-center .card{background:#16233a;border-color:#2a3b58}.dark-mode .payment-details-value{color:#fff}.dark-mode .payment-center .card-text,.dark-mode .payment-center .card-textt{color:#aab5c9!important}.dark-mode .payment-note article{background:#192943}.dark-mode .payment-note strong{color:#fff}.dark-mode .monobank-card .card-body{background:linear-gradient(145deg,#16233a,#111d32)}.dark-mode .monobank-mark{color:#fff}.dark-mode .monobank-icon{background:#2f6fed;color:#fff}
.dark-mode .payment-tool,.dark-mode .payment-requisites{background:#16233a;border-color:#2a3b58}.dark-mode .payment-tool ol,.dark-mode .payment-tool p,.dark-mode .payment-requisites-head p{color:#aab5c9}.dark-mode .payment-tool h2,.dark-mode .payment-requisites dd{color:#fff}.dark-mode .payment-requisites dl,.dark-mode .payment-requisites dl>div{border-color:#2a3b58}
@media(max-width:991.98px){.payment-hero{grid-template-columns:1fr}.payment-note{grid-template-columns:1fr}.payment-tools{grid-template-columns:1fr}}
@media(max-width:767.98px){.payment-center{padding-top:1rem!important}.payment-hero{border-radius:1.35rem}.payment-details{grid-template-columns:1fr}.payment-section-title,.payment-requisites-head{align-items:start;flex-direction:column}.payment-copy button{flex:1}.payment-center .card-body{min-height:11rem}.payment-requisites dl{grid-template-columns:1fr}.payment-requisites dl>div:nth-child(even){padding-left:0}.payment-requisites-head .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.payment-center *{transition:none!important}}