.pay-page{background:linear-gradient(180deg,#eff6ff 0%,#fff 36%);color:#0f2540}
.pay-page h1,
.pay-page h2,
.pay-page h3{color:#0f2540}
.pay-hero{position:relative;overflow:hidden;padding:3.25rem 0 2.5rem;background:linear-gradient(180deg,#e9f1fd 0%,#f5f9ff 100%);border-bottom:1px solid #dce8f6;color:#0f2540}
.pay-hero__sky{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(29,78,216,0.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(29,78,216,0.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 85% 82% at 50% 34%,#000 45%,transparent 92%);mask-image:radial-gradient(ellipse 85% 82% at 50% 34%,#000 45%,transparent 92%)}
.pay-hero__inner{position:relative;text-align:center}
.pay-hero__eyebrow{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 1rem;border-radius:999px;background:#fff;border:1px solid #cfe0f5;color:#1d4ed8;font-size:0.82rem;font-weight:600;box-shadow:0 2px 8px -4px rgba(29,78,216,0.3)}
.pay-hero__title{margin:1.1rem 0 0.6rem;font-weight:800;font-size:clamp(1.9rem,5vw,3rem)}
.pay-hero__sub{max-width:52ch;margin:0 auto;font-size:1.05rem;line-height:1.6;color:#475569}
.pay-body{max-width:960px;padding:2.25rem 0 4rem}
.pay-callout{display:flex;gap:1.25rem;align-items:flex-start;padding:1.6rem 1.75rem;background:#fff;border:1px solid #dbe7f5;border-left:5px solid #1d4ed8;border-radius:16px;box-shadow:0 18px 50px -24px rgba(15,37,64,0.4)}
.pay-callout__icon{flex:0 0 auto;width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:rgba(59,130,246,0.12);color:#1d4ed8;font-size:1.7rem}
.pay-callout__title{margin:0 0 0.5rem;font-size:1.3rem;font-weight:700}
.pay-callout__text{margin:0;color:#475569;line-height:1.65}
.pay-callout__tip{display:flex;gap:0.65rem;margin-top:1rem;padding:0.85rem 1rem;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px}
.pay-callout__tip>i{color:#1d4ed8;font-size:1.2rem;flex:0 0 auto;margin-top:0.1rem}
.pay-callout__tip p{margin:0;color:#0f2540;line-height:1.55;font-size:0.96rem}
.pay-branches{margin-top:1.75rem}
.pay-card{height:100%;padding:1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 14px 38px -26px rgba(15,37,64,0.5)}
.pay-card--rub{border-top:3px solid #1d4ed8}
.pay-card--kgs{border-top:3px solid #22c55e}
.pay-card__head{display:flex;align-items:center;gap:0.85rem;margin-bottom:0.9rem}
.pay-card__cur{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:13px;font-size:1.5rem;font-weight:800;color:#fff;line-height:1}
.pay-card--rub .pay-card__cur{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}
.pay-card--kgs .pay-card__cur{background:linear-gradient(135deg,#15803d,#22c55e)}
.pay-card__title{margin:0;font-size:1.15rem;font-weight:700}
.pay-card__text{color:#475569;line-height:1.6;margin-bottom:1.1rem}
.pay-methods{list-style:none;margin:0;padding:0;display:grid;gap:0.6rem}
.pay-methods li{display:flex;align-items:center;gap:0.7rem;padding:0.7rem 0.9rem;background:#f8fafc;border:1px solid #eef2f7;border-radius:11px}
.pay-methods li>i{font-size:1.2rem;flex:0 0 auto;color:#1d4ed8}
.pay-methods li>span{color:#0f2540;font-weight:500}
.pay-card--kgs .pay-methods li>i{color:#15803d}
.pay-security{margin-top:2.75rem}
.pay-section-head{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.1rem}
.pay-section-head__chip{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;font-size:1.25rem}
.pay-section-head__title{margin:0;font-size:1.5rem;font-weight:700}
.pay-security__list{list-style:none;margin:0;padding:0;display:grid;gap:0.75rem}
.pay-security__list li{display:flex;gap:0.75rem;align-items:flex-start;padding:1rem 1.15rem;background:#fff;border:1px solid #e2e8f0;border-radius:13px}
.pay-security__list li>i{color:#1d4ed8;font-size:1.2rem;flex:0 0 auto;margin-top:0.15rem}
.pay-security__list li>span{color:#0f2540;line-height:1.55}