.voicer-contact { background: var(--voicer-canvas, #f3f8ff) !important; }
.voicer-contact > .voicer-contact__main { max-width: 1180px; padding: 27px 20px 80px !important; }
.voicer-contact__hero { position: relative; display: flex; align-items: center; min-height: 300px; overflow: hidden; padding: clamp(34px, 5vw, 60px); border-radius: 25px; background: radial-gradient(circle at 80% 19%, rgba(80, 180, 255, .38), transparent 34%), linear-gradient(117deg, #102e63 0%, #1657ae 57%, #2874d5 100%); box-shadow: 0 18px 36px rgba(20, 74, 147, .17); isolation: isolate; }
.voicer-contact__hero::after { position: absolute; inset: auto -5% -55% 44%; height: 90%; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; content: ''; transform: rotate(-15deg); }
.voicer-contact__hero-content { position: relative; z-index: 2; max-width: 600px; }
.voicer-contact__eyebrow, .voicer-contact__step { display: inline-flex; align-items: center; gap: 8px; color: #2b70d7; font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.voicer-contact__eyebrow { padding: 8px 12px; border: 1px solid rgba(255,255,255,.29); border-radius: 100px; color: #e6f2ff; background: rgba(255,255,255,.1); }
.voicer-contact__hero h1 { margin: 19px 0 10px; color: #fff !important; font-size: clamp(39px, 5vw, 62px) !important; font-weight: 820; line-height: 1.05; letter-spacing: -.05em; }
.voicer-contact__hero p { max-width: 540px; margin: 0; color: #e3efff !important; font-size: clamp(15px, 1.6vw, 18px); line-height: 1.58; }
.voicer-contact__hero-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 25px; padding: 12px 18px; border-radius: 10px; background: #fff; color: #155ab5 !important; font-size: 13px; font-weight: 800; text-decoration: none; box-shadow: 0 9px 25px rgba(1, 26, 70, .18); }
.voicer-contact__hero-link:hover { background: #eef6ff; text-decoration: none; transform: translateY(-1px); }
.voicer-contact__hero-art { position: absolute; right: 7%; top: 50%; width: 260px; height: 260px; transform: translateY(-50%); }
.voicer-contact__hero-orbit { position: absolute; inset: 15px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; }
.voicer-contact__hero-orbit::before, .voicer-contact__hero-orbit::after { position: absolute; inset: 26px; border: 1px solid rgba(255,255,255,.19); border-radius: 50%; content: ''; }
.voicer-contact__hero-orbit::after { inset: 54px; }
.voicer-contact__hero-bubble, .voicer-contact__hero-send { position: absolute; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.26); border-radius: 22px; background: rgba(255,255,255,.16); color: #fff; box-shadow: 0 18px 35px rgba(5, 38, 91, .18); backdrop-filter: blur(12px); }
.voicer-contact__hero-bubble { top: 37px; left: 34px; width: 99px; height: 99px; font-size: 44px; transform: rotate(-10deg); }
.voicer-contact__hero-send { right: 21px; bottom: 38px; width: 76px; height: 76px; font-size: 30px; transform: rotate(14deg); }
.voicer-contact__grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(270px, 1fr); align-items: start; gap: 22px; margin-top: 24px; }
.voicer-contact__card { border: 1px solid #dde8f6; border-radius: 21px; background: #fff; box-shadow: 0 8px 27px rgba(23, 65, 119, .06); }
.voicer-contact__form-card { padding: clamp(24px, 3.5vw, 39px); scroll-margin-top: 96px; }
.voicer-contact__section-heading h2, .voicer-contact__details h2 { margin: 9px 0 7px; color: #173150 !important; font-size: clamp(23px, 2.5vw, 29px) !important; font-weight: 800; line-height: 1.18; }
.voicer-contact__section-heading p, .voicer-contact__details > p { margin: 0 0 25px; color: #667c95; font-size: 14px; line-height: 1.5; }
.voicer-contact__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.voicer-contact__field--message { grid-column: 1 / -1; }
.voicer-contact__field--captcha { grid-column: 1 / -1; max-width: 320px; }
.voicer-contact__captcha-image { display: flex; align-items: center; gap: 12px; margin-bottom: 11px; }
.voicer-contact__captcha-image img { display: block; max-width: calc(100% - 52px); height: 72px; object-fit: contain; border: 1px solid #d6e3f2; border-radius: 10px; background: #fff; }
.voicer-contact__captcha-image a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #d6e3f2; border-radius: 10px; color: #315f9a; text-decoration: none; }
.voicer-contact__captcha-image a:hover { background: #eaf3ff; color: #195fe6; }
.voicer-contact__field label { display: block; margin: 0 0 8px; color: #183451; font-size: 13px; font-weight: 750; }
.voicer-contact__field input, .voicer-contact__field textarea { display: block; width: 100%; min-height: 49px; padding: 12px 14px; border: 1px solid #d6e3f2; border-radius: 11px; outline: 0; background: #f9fbff; color: #173150; font: 500 14px/1.5 "Voicer Inter", system-ui, sans-serif; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.voicer-contact__field textarea { min-height: 175px; resize: vertical; }
.voicer-contact__field input::placeholder, .voicer-contact__field textarea::placeholder { color: #8ca0b8; }
.voicer-contact__field input:focus, .voicer-contact__field textarea:focus { border-color: #3379db; background: #fff; box-shadow: 0 0 0 3px rgba(51,121,219,.13); }
.voicer-contact__error { display: block; color: #c53c48; font-size: 12px; }
.voicer-contact__form-footer { display: flex; align-items: center; justify-content: space-between; gap: 17px; margin-top: 22px; }
.voicer-contact__form-footer p { max-width: 260px; margin: 0; color: #73869d; font-size: 12px; line-height: 1.45; }
.voicer-contact__submit { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 47px; padding: 11px 20px; border: 0; border-radius: 11px; background: #195fe6; color: #fff !important; font-size: 13px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 20px rgba(25, 95, 230, .22); transition: background .18s ease, transform .18s ease; }
.voicer-contact__submit:hover { background: #104fc5; color: #fff !important; text-decoration: none; transform: translateY(-1px); }
.voicer-contact__side { display: grid; gap: 20px; }
.voicer-contact__details { padding: clamp(23px, 2.5vw, 31px); }
.voicer-contact__details h2 { font-size: 24px !important; }
.voicer-contact__detail-link { display: grid; grid-template-columns: 42px minmax(0, 1fr) 17px; align-items: center; gap: 12px; padding: 15px 0; border-top: 1px solid #e5edf7; color: #173150 !important; text-decoration: none; }
.voicer-contact__detail-link:hover { color: #195fe6 !important; text-decoration: none; }
.voicer-contact__detail-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #eaf3ff; color: #1c63c9; font-size: 16px; }
.voicer-contact__detail-link strong, .voicer-contact__detail-link small { display: block; overflow-wrap: anywhere; }
.voicer-contact__detail-link strong { margin-bottom: 2px; font-size: 13px; font-weight: 800; }
.voicer-contact__detail-link small { color: #647b95; font-size: 12px; line-height: 1.35; }
.voicer-contact__detail-arrow { color: #7c95b0; font-size: 11px; }
.voicer-contact__detail-link--static { grid-template-columns: 42px minmax(0, 1fr); cursor: default; }
.voicer-contact__detail-link--static:hover { color: #173150 !important; }
.voicer-contact__community { position: relative; overflow: hidden; padding: 26px 29px; border-radius: 21px; background: #e9f3ff; }
.voicer-contact__community::after { position: absolute; right: -31px; bottom: -46px; width: 160px; height: 160px; border: 1px solid #c3dcfb; border-radius: 50%; content: ''; }
.voicer-contact__community-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: #fff; color: #1c63c9; font-size: 17px; }
.voicer-contact__community h3 { position: relative; margin: 18px 0 7px; color: #183451 !important; font-size: 17px !important; font-weight: 800; line-height: 1.3; }
.voicer-contact__community p { position: relative; margin: 0 0 15px; color: #617994; font-size: 13px; line-height: 1.5; }
.voicer-contact__community a { position: relative; display: inline-flex; align-items: center; gap: 9px; color: #195fc2 !important; font-size: 12px; font-weight: 800; text-decoration: none; }
.voicer-contact__community a:hover { text-decoration: underline; }
.voicer-contact__success { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 430px; }
.voicer-contact__success-icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: #e2f6eb; color: #168653; font-size: 23px; }
.voicer-contact__success h2 { margin: 22px 0 8px; color: #173150 !important; font-size: 28px !important; font-weight: 800; }
.voicer-contact__success p { max-width: 420px; color: #617994; font-size: 15px; line-height: 1.6; }
.voicer-contact__success-link { margin-top: 12px; }
body.theme-dark .voicer-contact { background: #111927 !important; }
body.theme-dark .voicer-contact__card { border-color: #354a65; background: #1d2b40; }
body.theme-dark .voicer-contact__hero-link { border: 1px solid #8ebeff; background: #1d3152; color: #f2f7ff !important; box-shadow: 0 9px 22px rgba(4, 19, 44, .2); }
body.theme-dark .voicer-contact__hero-link:hover { background: #29446d; color: #fff !important; }
body.theme-dark .voicer-contact__section-heading h2, body.theme-dark .voicer-contact__details h2, body.theme-dark .voicer-contact__field label, body.theme-dark .voicer-contact__detail-link, body.theme-dark .voicer-contact__success h2 { color: #edf5ff !important; }
body.theme-dark .voicer-contact__section-heading p, body.theme-dark .voicer-contact__details > p, body.theme-dark .voicer-contact__form-footer p, body.theme-dark .voicer-contact__detail-link small, body.theme-dark .voicer-contact__success p { color: #afc1d6; }
body.theme-dark .voicer-contact__field input, body.theme-dark .voicer-contact__field textarea { border-color: #405774; background: #24364e; color: #edf5ff; }
body.theme-dark .voicer-contact__field input:focus, body.theme-dark .voicer-contact__field textarea:focus { border-color: #7cb0ff; background: #293e59; }
body.theme-dark .voicer-contact__captcha-image a { border-color: #405774; color: #a5cbff; }
body.theme-dark .voicer-contact__captcha-image a:hover { background: #2b496e; }
body.theme-dark .voicer-contact__detail-link { border-color: #344862; }
body.theme-dark .voicer-contact__detail-icon, body.theme-dark .voicer-contact__community-icon { background: #2b496e; color: #a5cbff; }
body.theme-dark .voicer-contact__community { background: #233b58; }
body.theme-dark .voicer-contact__community h3 { color: #edf5ff !important; }
body.theme-dark .voicer-contact__community p { color: #b6cae1 !important; }
body.theme-dark .voicer-contact__community a { color: #a5cbff !important; }
body.theme-dark .voicer-contact .voicer-contact__section-heading p, body.theme-dark .voicer-contact .voicer-contact__details > p, body.theme-dark .voicer-contact .voicer-contact__form-footer p, body.theme-dark .voicer-contact .voicer-contact__success p { color: #b8cce2 !important; }
body.theme-dark .voicer-contact .voicer-contact__field input::placeholder, body.theme-dark .voicer-contact .voicer-contact__field textarea::placeholder { color: #91aac7 !important; opacity: 1; }
@media (max-width: 800px) { .voicer-contact__hero-art { right: -15px; opacity: .3; } .voicer-contact__grid { grid-template-columns: 1fr; } .voicer-contact__side { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .voicer-contact > .voicer-contact__main { padding: 18px 13px 90px !important; } .voicer-contact__hero { min-height: 275px; padding: 29px 26px; border-radius: 20px; } .voicer-contact__hero-art { right: -100px; opacity: .18; } .voicer-contact__grid { gap: 16px; margin-top: 16px; } .voicer-contact__side { grid-template-columns: 1fr; gap: 16px; } .voicer-contact__fields { grid-template-columns: 1fr; gap: 15px; } .voicer-contact__form-footer { align-items: stretch; flex-direction: column; } .voicer-contact__form-footer p { max-width: none; } .voicer-contact__submit { width: 100%; } .voicer-contact__success { min-height: 330px; } }