.cb-demo{position: relative;z-index: 2;display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr)}.cb-demo__card{position: relative;min-height: 470px;background: #e8eef4}.cb-demo__card--cons{background: #f2f5f8}.cb-demo__photo{position: absolute;top: 0;right: 0;bottom: 0;width: 46%;overflow: hidden;background-color: #dce2e6}.cb-demo__card--cons .cb-demo__photo{background-color: #f0f2f9}.cb-demo__photo img{position: absolute;left: 0;display: block;width: auto;max-width: none}.cb-demo__card--demo .cb-demo__photo img{top: 156px;height: 318px}.cb-demo__card--cons .cb-demo__photo img{bottom: 0;height: 74%}.cb-demo__shape{position: absolute;top: -20px;bottom: -20px;left: 0;right: 38%;background: #d3ecf8;clip-path: polygon(0 0,100% 0,74% 100%,0 100%)}.cb-demo__shape--a{top: 0;bottom: 0;right: 26%;background: #b8dcf0;clip-path: polygon(0 0,100% 0,80% 100%,0 100%)}.cb-demo__card--cons .cb-demo__shape{right: 44%;background: #0c1524}.cb-demo__card--cons .cb-demo__shape--a{right: 30%;background: #1c283d}.cb-demo__body{position: relative;z-index: 1;display: flex;flex-direction: column;gap: 18px;max-width: 66%;padding: 64px 56px}.cb-demo__edit{position: absolute;top: 24px;right: 24px;color: var(--cb-blue-deep)}.cb-demo__card--cons .cb-demo__edit{color: #d3ecf8}.cb-demo__title{margin: 0;font-family: 'Onest',system-ui,sans-serif;font-weight: 800;font-size: 32px;line-height: 1.16;letter-spacing: normal;text-transform: none;color: var(--cb-text)}.cb-demo__card--cons .cb-demo__title{color: var(--cb-white)}.cb-demo__rule{width: 130px;height: 2px;background: linear-gradient(90deg,#21a0da 0%,#116083 100%)}.cb-demo__lead{margin: 0;font-size: 17px;line-height: 1.6;color: #2a3a55}.cb-demo__card--cons .cb-demo__lead{color: #c7d6e4}.cb-demo__btn{align-self: flex-start;margin-top: 6px;border-radius: 6px;text-decoration: none}.cb-demo .cb-btn--dark{background: linear-gradient(180deg,#116083 0%,#0c1524 100%)}.cb-demo .cb-btn--dark:hover,.cb-demo .cb-btn--dark:focus-visible{background: linear-gradient(180deg,#0c1524 0%,#116083 100%);box-shadow: 0 5px 10px #8cb7cb}.cb-demo .cb-btn--dark .cb-btn__label{padding: 15px 38px;color: var(--cb-white)}.cb-demo .cb-btn--primary:hover,.cb-demo .cb-btn--primary:focus-visible{background: var(--cb-grad-blue-hover);box-shadow: 0 5px 10px #8cb7cb}.cb-demo .cb-btn:focus-visible{outline: 2px solid var(--cb-blue);outline-offset: 3px}.cb-demo__form{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 18px;margin: 6px 0 0}.cb-demo .contform .cb-demo__input{flex: 1 1 130px;display: block;min-width: 0;height: auto;margin: 0;padding: 10px 2px;border: 0;border-bottom: 2px solid #1988bb;border-radius: 0;background: transparent;font-family: 'Onest',system-ui,sans-serif;font-size: 17px;font-weight: 700;line-height: 1.3;color: var(--cb-white);outline: none;vertical-align: baseline}.cb-demo .contform .cb-demo__input--phone{flex-basis: 170px}.cb-demo .contform .cb-demo__input::placeholder{font-size: 17px;font-weight: 700;line-height: 1.3;color: #9db2c6;opacity: 1}.cb-demo .contform .cb-demo__input:focus{border-bottom-color: var(--cb-blue)}.cb-demo .contform .cb-demo__submit{flex: none;margin: 0;padding: 0;border: 0;border-radius: 6px;transform: skewX(-25deg);font: inherit;cursor: pointer}.cb-demo .contform .cb-demo__submit .cb-btn__label{gap: 10px;padding: 14px 32px;transform: skewX(25deg);font-family: 'Onest',system-ui,sans-serif;font-size: 17px;font-weight: 700;color: var(--cb-white)}.cb-demo .contform .cb-demo__submit .cb-btn__shine{transform: translateX(-160%)}@media (max-width: 1100px){.cb-demo{grid-template-columns: minmax(0,1fr)}.cb-demo__body{padding: 56px 32px}}@media (max-width: 600px){.cb-demo__card{min-height: 0}.cb-demo__photo{display: none}.cb-demo__shape,.cb-demo__card--cons .cb-demo__shape{right: 0}.cb-demo__shape--a,.cb-demo__card--cons .cb-demo__shape--a{right: 0;clip-path: none}.cb-demo__body{max-width: 100%;padding: 48px 20px}.cb-demo__title{font-size: 27px}.cb-demo__btn{align-self: stretch;justify-content: center;margin-right: 10px;margin-left: 10px}.cb-demo .contform .cb-demo__input,.cb-demo .contform .cb-demo__submit{flex: 1 1 100%}.cb-demo .contform .cb-demo__submit{justify-content: center;margin: 8px 10px 0}}
