.abc-op-page{--op-ink:#082b54;--op-blue:#0866db;--op-line:#cfdef0;color:var(--op-ink);background:#f3f8ff;padding:clamp(28px,4vw,58px) 18px 68px}
.abc-op-page *{box-sizing:border-box}
.abc-op-page ::selection{background:#b8d9ff;color:#06284e}
.abc-op-page__shell{max-width:1190px;margin:auto}
.abc-op-page__head{max-width:none;margin:0 0 28px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:32px}
.abc-op-page__head-copy{min-width:0}
.abc-op-page__head h1{font-size:clamp(34px,3.2vw,46px);line-height:1.1;letter-spacing:-.03em;color:#082b54;margin:0 0 14px;font-weight:800;text-wrap:balance}
.abc-op-page__art{margin:0;min-width:0;border-radius:14px;overflow:hidden;aspect-ratio:3/2;background:#e7edf3}
.abc-op-page__art img{display:block;width:100%;height:100%;object-fit:cover}
.abc-op-page__lead{font-size:clamp(19px,1.6vw,22px);font-weight:700;line-height:1.35;color:#12558f;margin:0 0 12px;max-width:650px}
.abc-op-page__intro{font-size:16px;line-height:1.55;color:#365a7a;max-width:740px;margin:0}
.abc-op-page__grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:20px;align-items:start}
.abc-op-page__aside{background:#073468;color:white;border-radius:16px;padding:28px;position:relative;display:flex;flex-direction:column;min-width:0}
.abc-op-page__signal{height:53px;position:relative;margin-bottom:38px;display:flex;align-items:flex-end;gap:8px}
.abc-op-page__signal span{display:block;width:8px;border-radius:8px;background:#77d4ff}.abc-op-page__signal span:nth-child(1){height:16px}.abc-op-page__signal span:nth-child(2){height:32px}.abc-op-page__signal span:nth-child(3){height:49px}
.abc-op-page__aside h2{color:white;font-size:clamp(24px,2.2vw,30px);letter-spacing:-.02em;line-height:1.18;margin:0 0 24px}
.abc-op-page__aside ol{list-style:none;counter-reset:op;display:grid;gap:18px;margin:0;padding:0;position:relative;z-index:1}
.abc-op-page__aside li{counter-increment:op;display:grid;grid-template-columns:28px 1fr;gap:12px;color:#e5f2ff;line-height:1.45;font-size:15px}
.abc-op-page__aside li:before{content:counter(op);display:grid;place-items:center;border:1px solid #73c5ff;border-radius:50%;width:26px;height:26px;color:#bce6ff;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.abc-op-page__note{color:#bedaf2;font-size:13px;line-height:1.45;margin:26px 0 0;position:relative;z-index:1}
.abc-op-page__related{margin-top:auto;padding-top:34px;display:grid;gap:6px;position:relative;z-index:1}.abc-op-page__related span{color:#d7eafa;font-size:13px}.abc-op-page__related a{color:white;font-weight:750;text-decoration:underline;text-underline-offset:4px;display:inline-flex;gap:8px;align-items:center;width:max-content}.abc-op-page__related a span{color:white;font-size:20px;transition:transform .2s ease}.abc-op-page__related a:hover span{transform:translateX(4px)}
.abc-op-page__form-area{background:#fff;border-radius:16px;padding:clamp(24px,3vw,38px);box-shadow:0 10px 32px rgba(8,43,84,.08)}
.abc-op-page__form-area h2{font-size:26px;line-height:1.2;color:#082b54;letter-spacing:-.02em;margin:0 0 22px}
.abc-op-page__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.abc-op-page__fields label{font-size:13px;font-weight:700;color:#244967;display:grid;gap:6px}.abc-op-page__wide{grid-column:1/-1}
.abc-op-page__channels{min-width:0;border:0;padding:0;margin:0}.abc-op-page__channels legend{padding:0;font-size:13px;font-weight:700;color:#244967}.abc-op-page__channels>p{font-size:14px;line-height:1.4;color:#365a7a;margin:6px 0 10px}.abc-op-page__channel-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.abc-op-page .abc-op-page__form .abc-op-page__channel-buttons button{width:auto;min-height:44px;padding:9px 15px;background:#fff;color:#0752b8;border:1px solid #98b4d2;font-size:15px!important;line-height:1.4;gap:8px;transform:none;text-transform:none!important;letter-spacing:normal;font-weight:600}.abc-op-page__form .abc-op-page__channel-buttons button:hover{background:#eaf3ff}.abc-op-page__form .abc-op-page__channel-buttons button[aria-pressed=true]{background:#075fe1;color:#fff;border-color:#075fe1;box-shadow:inset 0 0 0 1px currentColor}
.abc-op-page__channel-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.abc-op-page__channel-fields label[hidden]{display:none}.abc-op-page__channel-fields input{font-size:16px!important}
.abc-op-page input:not([type=checkbox]),.abc-op-page select,.abc-op-page textarea{font:inherit;font-size:16px;color:#082b54;background:#f9fbff;border:1px solid #abc1db;border-radius:8px!important;min-height:45px;width:100%;padding:10px 12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.abc-op-page textarea{resize:vertical;min-height:84px!important;height:104px!important;line-height:1.4}.abc-op-page textarea[name=abc_offering]{height:84px!important}.abc-op-page input::placeholder,.abc-op-page textarea::placeholder{color:#657e98;opacity:1}
.abc-op-page :is(input,select,textarea):focus-visible,.abc-op-page a:focus-visible,.abc-op-page button:focus-visible{outline:3px solid #65afff;outline-offset:2px}
.abc-op-page :is(input,select,textarea):focus{border-color:#0866db;box-shadow:0 0 0 3px #dcebff}
.abc-op-page__consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0 15px;color:#365a7a;font-size:13px;line-height:1.45}.abc-op-page__consent input{width:18px;height:18px;flex:none;accent-color:#0866db;margin:1px 0}.abc-op-page__consent a{color:#005abf;text-decoration:underline;text-underline-offset:3px}
.abc-op-page__form button{background:#075fe1;color:white;border:0;border-radius:9px;font-size:16px;font-weight:750;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:50px;width:100%;padding:12px 20px;cursor:pointer;transition:background .18s ease,transform .18s ease}.abc-op-page__form button:hover{background:#0045a9;transform:translateY(-1px)}.abc-op-page__form button:disabled{opacity:.62;cursor:wait;transform:none}.abc-op-page__form button span{font-size:23px;line-height:1}
.abc-op-page__status{padding:12px 15px;border-radius:8px;margin:0 0 19px;font-size:14px;line-height:1.4}.abc-op-page__status.is-success{background:#e1f7ed;color:#075c36}.abc-op-page__status.is-error,.abc-op-page__client-error{background:#fff0ef;color:#a92323}.abc-op-page__client-error{padding:10px 12px;border-radius:8px;font-size:13px}.abc-op-page__client-error[hidden]{display:none}
.abc-op-page__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:850px){.abc-op-page__head{gap:22px}.abc-op-page__grid{grid-template-columns:1fr}.abc-op-page__form-area{grid-row:1}.abc-op-page__aside{grid-row:2;padding:28px}.abc-op-page__related{padding-top:24px}}
@media(max-width:530px){.abc-op-page{padding:28px 12px 50px}.abc-op-page__head{margin-bottom:23px}.abc-op-page__head h1{font-size:38px}.abc-op-page__fields{grid-template-columns:1fr}.abc-op-page__form-area{padding:23px 18px}.abc-op-page__aside{padding:25px 21px}}
@media(max-width:530px){.abc-op-page__channel-fields{grid-template-columns:1fr}}
@media(max-width:530px){.abc-op-page__head{grid-template-columns:1fr;gap:18px}.abc-op-page__art{height:184px;aspect-ratio:auto}.abc-op-page__intro{font-size:15px}.abc-op-page__head h1{font-size:34px}.abc-op-page__form-area h2{font-size:24px}.abc-op-page__form button[type=submit]{text-transform:none!important}.abc-op-page__art img{object-position:50% 55%}}
@media(prefers-reduced-motion:reduce){.abc-op-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}
