.detail--contacts .detail-main { background:radial-gradient(circle at 5% 12%,#e3f5ff,transparent 28%),radial-gradient(circle at 96% 86%,#e5f8ee,transparent 30%),#f7faff; }
.detail--contacts .contacts-stage { padding:1.2rem 0 clamp(3.5rem,6vw,6rem); }
.detail--contacts .detail-crumbs { margin:0 0 1.5rem; }
.contacts-board { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr); overflow:hidden; border:2px solid #dbe8f2; border-bottom-width:7px; border-radius:2rem; background:#fff; box-shadow:0 24px 55px #235b8916; }
.contacts-board__form { padding:clamp(1.5rem,4vw,3.3rem); }
.contacts-heading { margin-bottom:1.6rem; }
.contacts-kicker { display:inline-flex; align-items:center; gap:.5rem; color:#168bff; font-size:.72rem; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
.contacts-kicker i { font-size:.9rem; }
.contacts-heading h1 { margin:.55rem 0 .6rem; color:#172c49; font:950 clamp(2.4rem,4vw,3.7rem)/1.05 Nunito,Manrope,sans-serif; letter-spacing:-.045em; }
.contacts-heading p { max-width:34rem; color:#62738b; font-size:1rem; line-height:1.55; }
.contacts-form { display:grid; gap:1.05rem; }
.contacts-form__row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.contacts-form__field label { display:block; margin-bottom:.42rem; color:#263b55; font-size:.82rem; font-weight:900; }
.contacts-form__field label small { color:#77889e; font-size:.74rem; font-weight:650; }
.contacts-form__field input,.contacts-form__field select,.contacts-form__field textarea,.contacts-form__field .ui-select__trigger { display:block; width:100%; min-height:3.15rem; padding:.75rem .9rem; border:2px solid #dce6ef; border-bottom-width:4px; border-radius:.85rem; outline:none; background:#fbfdff; color:#172c49; font-size:.89rem; font-weight:700; line-height:1.45; font-family:inherit; transition:border-color .18s,background .18s; }
.contacts-form__field .ui-select { display:block; width:100%; }
.contacts-form__field .ui-select__trigger { display:flex; }
.contacts-form__field .ui-select__trigger:focus-visible,.contacts-form__field .ui-select.is-open .ui-select__trigger { border-color:#168bff; background:#fff; }
.detail--contacts .ui-select-menu { font-family:inherit; font-size:.89rem; }
.contacts-form__field textarea { min-height:8rem; resize:vertical; }
.contacts-form__field :is(input,select,textarea):focus { border-color:#168bff; background:#fff; }
.contacts-form__field :is(input,textarea)::placeholder { color:#91a0b3; font-weight:600; }
.contacts-form__hint { margin:-.55rem 0 0; color:#71829a; font-size:.75rem; }
.contacts-form__submit { display:flex; align-items:center; justify-content:center; gap:.7rem; width:100%; min-height:3.4rem; padding:.75rem 1rem; border:0; border-bottom:5px solid #0871c8; border-radius:.9rem; background:#168bff!important; color:#fff; font-size:.92rem; font-weight:950; cursor:pointer; }
.contacts-form__submit:hover { background:#0879e7!important; }
.contacts-form__submit:disabled { opacity:.75; cursor:default; }
.contacts-form__status { min-height:1.2em; margin:-.5rem 0 0; color:#27704e; font-size:.8rem; font-weight:800; }
.contacts-form__privacy { margin:-.65rem 0 0; color:#71829a; font-size:.75rem; line-height:1.5; }
.contacts-form__privacy a { color:#167bba; font-weight:850; text-decoration:underline; text-underline-offset:2px; }
.contacts-board__aside { display:flex; flex-direction:column; padding:clamp(1.5rem,3vw,2.7rem); background:linear-gradient(150deg,#ecf9ff,#f0faff 55%,#effbef); border-left:2px solid #dceef4; }
.contacts-aside__top { margin-bottom:1.5rem; }
.contacts-aside__icon { display:grid; place-items:center; width:3.4rem; height:3.4rem; margin-bottom:1.1rem; border-radius:1rem; background:#d8f4fd; color:#0aa9cf; font-size:1.4rem; }
.contacts-aside__top h2 { margin:.35rem 0 .45rem; color:#172c49; font:950 clamp(1.8rem,3vw,2.5rem)/1.1 Nunito,Manrope,sans-serif; letter-spacing:-.035em; }
.contacts-aside__top p { color:#62738b; font-size:.88rem; line-height:1.55; }
.contacts-methods { display:grid; gap:.7rem; }
.contacts-methods a { display:grid; grid-template-columns:2.8rem minmax(0,1fr) auto; align-items:center; gap:.8rem; min-height:4.85rem; padding:.75rem .85rem; border:2px solid #dceaf1; border-bottom-width:5px; border-radius:1rem; background:#fff; color:#172c49; transition:transform .18s,border-color .18s; }
.contacts-methods a:hover { transform:translateY(-2px); border-color:#9bd5f1; }
.contacts-methods a > span:nth-child(2) { min-width:0; }
.contacts-methods strong,.contacts-methods small { display:block; }
.contacts-methods strong { font-size:.9rem; font-weight:950; }
.contacts-methods small { margin-top:.1rem; overflow-wrap:anywhere; color:#71829a; font-size:.73rem; font-weight:700; }
.contacts-methods a > i { color:#7e9bb1; font-size:.8rem; }
.contacts-methods__icon { display:grid; place-items:center; width:2.8rem; height:2.8rem; border-radius:.85rem; font-size:1.25rem; }
.contacts-methods__icon--telegram { background:#e3f5ff; color:#1598d1; }
.contacts-methods__icon--instagram { background:#f8eaff; color:#ba54cb; }
.contacts-methods__icon--mail { background:#fff2dd; color:#e49b12; }
.contacts-methods__icon--phone { background:#e8f9e1; color:#55aa2d; }
.contacts-aside__note { display:flex; align-items:center; gap:.7rem; margin-top:auto; padding:1.25rem .2rem .1rem; color:#537994; font-size:.78rem; font-weight:800; line-height:1.45; }
.contacts-aside__note i { color:#ff784f; font-size:1.05rem; }
@media(max-width:850px) { .contacts-board { grid-template-columns:1fr; } .contacts-board__aside { border-left:0; border-top:2px solid #dceef4; } .contacts-methods { grid-template-columns:1fr 1fr; } }
@media(max-width:600px) { .detail--contacts .contacts-stage { padding-bottom:3rem; } .contacts-board { border-radius:1.35rem; } .contacts-form__row,.contacts-methods { grid-template-columns:1fr; } .contacts-board__form,.contacts-board__aside { padding:1.35rem; } .contacts-heading h1 { font-size:2.5rem; } }
[data-theme="dark"] .detail--contacts .detail-main { background:radial-gradient(circle at 5% 12%,#183d56,transparent 30%),#0c1728; }
[data-theme="dark"] .contacts-board { background:#17263b; border-color:#30445e; }
[data-theme="dark"] .contacts-board__aside { background:linear-gradient(150deg,#183a4b,#1a3345); border-color:#30445e; }
[data-theme="dark"] .contacts-heading h1,[data-theme="dark"] .contacts-aside__top h2,[data-theme="dark"] .contacts-methods strong { color:#ecf4ff; }
[data-theme="dark"] .contacts-heading p,[data-theme="dark"] .contacts-aside__top p,[data-theme="dark"] .contacts-form__hint,[data-theme="dark"] .contacts-form__privacy,[data-theme="dark"] .contacts-methods small { color:#acbdd3; }
[data-theme="dark"] .contacts-form__field label { color:#e4efff; }
[data-theme="dark"] .contacts-form__field :is(input,select,textarea,.ui-select__trigger) { background:#1e334c; border-color:#3b536f; color:#ecf4ff; }
[data-theme="dark"] .contacts-methods a { background:#20364f; border-color:#30445e; color:#ecf4ff; }