.cpb{--cpb-head:var(--e-global-typography-primary-font-family),sans-serif}
.cpb *{box-sizing:border-box}
.cpb p{margin:0}
.cpb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cpb .cpb-card,.cpb .cpb-card:focus{position:relative;display:block;width:100%;text-align:left;cursor:pointer;padding:26px;border-radius:16px;background-color:#fff;border:1px solid #E2E8F0;border-top:4px solid var(--c);color:#0F172A;font:inherit;text-transform:none;letter-spacing:0;white-space:normal;transition:background-color .25s,transform .2s,box-shadow .2s,border-color .2s}
.cpb .cpb-card:hover{background-color:#fff;transform:translateY(-4px);border-color:var(--c);box-shadow:0 20px 40px -24px rgba(10,29,58,.45)}
.cpb .cpb-card:focus-visible{outline:2px solid var(--c);outline-offset:2px}
.cpb .cpb-card.is-on,.cpb .cpb-card.is-on:hover{background-color:var(--c);border-color:var(--c);box-shadow:0 20px 40px -24px rgba(10,29,58,.55)}
.cpb-ic{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--c);color:var(--on);font-size:22px;transition:transform .2s,background .2s,color .2s}
.cpb-ic svg{width:22px;height:22px;fill:currentColor}
.cpb-card:hover .cpb-ic{transform:scale(1.08) rotate(-3deg)}
.cpb-card.is-on .cpb-ic{background:var(--on);color:var(--c)}
.cpb-title{display:block;margin-top:18px;font-family:var(--cpb-head);font-size:19px;line-height:26px;font-weight:600;color:#0F172A;transition:color .25s}
.cpb-text{display:block;margin-top:6px;font-size:15px;line-height:24px;color:#475569;transition:color .25s}
.cpb-card.is-on .cpb-title,.cpb-card.is-on .cpb-text{color:var(--on)}
.cpb-check{position:absolute;top:18px;right:18px;width:28px;height:28px;border-radius:99px;border:2px solid #E2E8F0;color:transparent;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}
.cpb-card.is-on .cpb-check{background:var(--on);border-color:var(--on);color:var(--c)}
.cpb-bar{margin-top:24px;border-radius:20px;padding:32px 36px;background:linear-gradient(120deg,#0A1D3A 0%,#12305C 55%,#0E4A55 100%);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;box-shadow:0 24px 48px -28px rgba(10,29,58,.7)}
.cpb-bar.is-sticky{position:sticky;bottom:16px;z-index:5}
.cpb-sum{max-width:680px;min-width:0;flex:1 1 320px}
.cpb-label{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#99F6E4}
.cpb-line{margin-top:8px !important;font-family:var(--cpb-head);font-size:22px;line-height:30px;font-weight:600;color:#fff}
.cpb-segs{display:flex;gap:6px;margin-top:14px}
.cpb-seg{flex:1 1 0;height:6px;border-radius:99px;background:rgba(255,255,255,.14);transition:background .2s}
.cpb-seg.is-on{background:var(--c);box-shadow:0 0 0 1px rgba(226,232,240,.35)}
.cpb-btns{display:flex;gap:12px;flex-wrap:wrap}
.cpb a.cpb-send,.cpb a.cpb-second{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;font-size:14px;line-height:16px;font-weight:600;letter-spacing:.02em;text-decoration:none;border:1px solid transparent;transition:background .15s,border-color .15s,filter .15s}
.cpb a.cpb-send{background-color:#15B8A6;color:#0A1D3A}
.cpb a.cpb-send:hover{filter:brightness(1.1)}
.cpb a.cpb-second{background:transparent;color:#fff;border-color:rgba(226,232,240,.4)}
.cpb a.cpb-second:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.06)}
@media (max-width:1024px){.cpb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.cpb-bar,.cpb-bar.is-sticky{position:static;padding:24px}.cpb-line{font-size:19px;line-height:27px}}
@media (max-width:640px){.cpb-grid{grid-template-columns:minmax(0,1fr)}.cpb .cpb-card,.cpb .cpb-card:focus{padding:18px 18px 18px 80px;min-height:84px}.cpb-ic{position:absolute;left:18px;top:18px;width:44px;height:44px}.cpb-title{margin-top:0;font-size:17px;line-height:23px;padding-right:30px}.cpb-text{font-size:14px;line-height:21px}.cpb-check{top:16px;right:14px;width:24px;height:24px}.cpb-bar{padding:20px}.cpb-btns{width:100%}.cpb a.cpb-send,.cpb a.cpb-second{flex:1 1 auto}}
@media (prefers-reduced-motion:reduce){.cpb .cpb-card,.cpb-ic{transition:none}}
