.sd-demo{background:#10192f;color:#fff;font-family:var(--sd-font);-webkit-font-smoothing:antialiased}.sd-demo__inner{max-width:1240px;margin:0 auto;padding:100px 32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center}.sd-demo__heading{margin:0 0 20px;font-size:clamp(1.875rem,3.4vw,3rem);line-height:1.06;letter-spacing:-.033em;font-weight:800;text-wrap:balance}.sd-demo__text{margin:0 0 32px;max-width:520px;font-size:1.1875rem;line-height:1.55;color:#a9b4c8;text-wrap:pretty}.sd-demo__text>*:first-child{margin-block-start:0}.sd-demo__text>*:last-child{margin-block-end:0}.sd-demo__points{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:480px}.sd-demo__point{display:flex;gap:14px;align-items:flex-start;font-size:1.0625rem;line-height:1.45;color:#dce3ee}.sd-demo__point span{width:7px;height:7px;margin-top:.55em;border-radius:99px;background:#8fd4c4;flex:none}.sd-demo__card{--sd-form-text: #202020;--sd-form-button-bg: #202020;--sd-form-button-label: #ffffff;--sd-form-link: #1878b9;--sd-form-error: #e02229;background:#fff;border-radius:22px;padding:32px;color:var(--sd-form-text)}.sd-demo-form__title{margin:0 0 6px;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--sd-form-text)}.sd-demo-form__subtitle{margin:0 0 22px;font-size:.9375rem;color:#6b7688}.sd-demo-form__fields{display:grid;gap:12px}.sd-demo-form__field input,.sd-demo-form__field select{display:block;width:100%;padding:14px 15px;border:1px solid #dde2de;border-radius:11px;font-size:.9375rem;font-family:inherit;color:var(--sd-form-text);background:#fff;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .15s ease,box-shadow .15s ease}.sd-demo-form__field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236B7688' d='M1.4 0.6L6 5.2 10.6 0.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.sd-demo-form__field input::placeholder{color:#98a2b3}.sd-demo-form__field input:focus,.sd-demo-form__field select:focus{border-color:var(--sd-form-link);box-shadow:0 0 0 3px #1878b92e}.sd-demo-form__submit{display:block;width:100%;margin-top:12px;padding:16px;border:none;border-radius:12px;background:var(--sd-form-button-bg);color:var(--sd-form-button-label);font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s ease}.sd-demo-form__submit:hover{background:#333}.sd-demo-form__footnote{margin:14px 0 0;font-size:13px;line-height:1.5;color:#8590a5}.sd-demo-form__footnote a{color:var(--sd-form-link)}.sd-demo-form__types{margin:14px 0 0;padding:0;border:0;min-width:0}.sd-demo-form__types-label{margin:0 0 10px;padding:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}.sd-demo-form__types-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sd-demo-form__check{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border:1px solid #dde2de;border-radius:10px;font-size:13.5px;color:var(--sd-form-text, #202020);cursor:pointer;background:#fff}.sd-demo-form__check:has(input:checked){border-color:var(--sd-form-link, #1878b9);background:#1878b90f}.sd-demo-form__check input{width:16px;height:16px;margin:0;accent-color:#202020;flex:none}.sd-demo-form__success{margin:0;padding:18px 16px;border-radius:12px;background:#f1faf7;border:1px solid #cde9e1;color:#14382f;font-size:1rem;font-weight:600;line-height:1.45}.sd-demo-form__success>p{margin:0}.sd-demo-form__error{margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#e02229;font-size:.875rem}.sd-demo-form__error ul{margin:0;padding-left:1.1em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:989px){.sd-demo__inner{grid-template-columns:1fr;padding:72px 24px;gap:36px}}@media screen and (max-width:749px){.sd-demo__inner{padding:56px 20px}.sd-demo__card{padding:24px 18px}.sd-demo__text{font-size:1.0625rem;margin-bottom:24px}.sd-demo__point{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sd-demo.css.map */