/* ========================================================= SOULULAB - форма Лаборатории ========================================================= */ body .soulu-lab-page .soulu-form-card { position: relative !important; overflow: hidden !important; padding: 42px !important; border: 1px solid rgba(111, 44, 255, .66) !important; border-radius: 34px !important; background: radial-gradient( circle at 16% 18%, rgba(111, 44, 255, .18), transparent 42% ), radial-gradient( circle at 90% 10%, rgba(185, 64, 245, .12), transparent 38% ), linear-gradient( 145deg, rgba(34, 27, 65, .97), rgba(7, 10, 17, .99) 72% ) !important; box-shadow: 0 32px 86px rgba(0, 0, 0, .48), 0 0 36px rgba(111, 44, 255, .14), inset 0 1px 0 rgba(255, 255, 255, .10) !important; backdrop-filter: blur(28px) saturate(1.12) !important; -webkit-backdrop-filter: blur(28px) saturate(1.12) !important; } /* Левая часть */ body .soulu-lab-page .soulu-form-card__content { position: relative !important; align-self: stretch !important; min-height: 100% !important; padding-top: 60px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; color: rgba(255, 255, 255, .78) !important; } body .soulu-lab-page .soulu-form-card__badge { position: absolute !important; top: 0 !important; left: 0 !important; width: fit-content !important; margin: 0 !important; color: rgba(255, 255, 255, .88) !important; border: 1px solid rgba(111, 44, 255, .68) !important; border-radius: 999px !important; background: linear-gradient( 145deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .035) ) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 10px 24px rgba(0, 0, 0, .22) !important; } body .soulu-lab-page .soulu-form-card__copy { width: 100% !important; } body .soulu-lab-page .soulu-form-card__title { color: #fff !important; -webkit-text-fill-color: #fff !important; text-shadow: 0 8px 28px rgba(0, 0, 0, .34) !important; } body .soulu-lab-page .soulu-form-card__lead { color: rgba(255, 255, 255, .66) !important; } /* Правая форма */ body .soulu-lab-page form.soulu-form { padding: 28px !important; color: rgba(255, 255, 255, .78) !important; border: 1px solid rgba(111, 44, 255, .78) !important; border-radius: 28px !important; background: radial-gradient( circle at 100% 0%, rgba(111, 44, 255, .22), transparent 45% ), linear-gradient( 145deg, rgba(32, 24, 64, .97), rgba(7, 10, 17, .99) 70% ) !important; box-shadow: 0 26px 70px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 255, 255, .09) !important; } /* Заголовки полей и вопросики */ body .soulu-lab-page .soulu-field-label, body .soulu-lab-page .soulu-upload__head { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; color: rgba(255, 255, 255, .88) !important; } body .soulu-lab-page .soulu-tooltip { position: static !important; flex: 0 0 24px !important; width: 24px !important; height: 24px !important; margin: 0 !important; color: rgba(255, 255, 255, .84) !important; border-color: rgba(111, 44, 255, .72) !important; background: rgba(255, 255, 255, .08) !important; transform: none !important; } /* Поля */ body .soulu-lab-page .soulu-form__field input, body .soulu-lab-page .soulu-form__field select, body .soulu-lab-page .soulu-form__field textarea { color: rgba(255, 255, 255, .92) !important; border: 1px solid rgba(185, 64, 245, .30) !important; border-radius: 15px !important; background: linear-gradient( 145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .035) ) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important; } body .soulu-lab-page .soulu-form__field input::placeholder, body .soulu-lab-page .soulu-form__field textarea::placeholder { color: rgba(255, 255, 255, .42) !important; } /* Загрузка */ body .soulu-lab-page .soulu-upload__drop { color: rgba(255, 255, 255, .76) !important; border: 1px dashed rgba(111, 44, 255, .82) !important; border-radius: 21px !important; background: radial-gradient( circle at 50% 0%, rgba(111, 44, 255, .15), transparent 54% ), rgba(255, 255, 255, .045) !important; } /* Согласие */ body .soulu-lab-page .soulu-form-consent__text { color: rgba(255, 255, 255, .58) !important; } body .soulu-lab-page .soulu-form-consent__text a { color: rgba(255, 255, 255, .82) !important; font-weight: 400 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* Статус реальной отправки формы - не скрываем и держим контрастным */ body .soulu-lab-page .soulu-form__status.soulu-form-status { width: 100% !important; min-height: 0 !important; margin: 15px 0 0 !important; padding: 13px 15px !important; box-sizing: border-box !important; color: rgba(255, 255, 255, .84) !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 13px !important; background: rgba(255, 255, 255, .055) !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.5 !important; } body .soulu-lab-page .soulu-form__status.soulu-form-status[hidden] { display: none !important; } body .soulu-lab-page .soulu-form__status.soulu-form-status.is-success { color: #bff7d7 !important; border-color: rgba(76, 220, 145, .32) !important; background: rgba(38, 173, 104, .12) !important; } body .soulu-lab-page .soulu-form__status.soulu-form-status.is-error { color: #ffd2dc !important; border-color: rgba(255, 105, 137, .34) !important; background: rgba(194, 59, 82, .13) !important; } /* Кнопка */ body .soulu-lab-page .soulu-form__submit { min-height: 52px !important; color: #fff !important; border: 1px solid rgba(111, 44, 255, .94) !important; border-radius: 15px !important; background: linear-gradient( 135deg, #6424df, #321174 58%, #101321 ) !important; box-shadow: 0 14px 32px rgba(111, 44, 255, .30), inset 0 1px 0 rgba(255, 255, 255, .14) !important; } /* Мобильная версия */ @media (max-width: 768px) { body .soulu-lab-page .soulu-form-card { padding: 20px !important; } body .soulu-lab-page .soulu-form-card__content { min-height: 330px !important; padding-top: 58px !important; } body .soulu-lab-page form.soulu-form { padding: 20px !important; } }