/* =============================================
   RESET & BASE
   ============================================= */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-size: 14px;
  background: rgba(16, 36, 39, 1);
  font-family: Montserrat, sans-serif;
  color: #fff;
  max-width: 480px;
  margin: 0 auto;
  overflow-x: hidden;
}

/* =============================================
   HERO SECTION — .v41_102 > .v41_103 > .v41_104
   ============================================= */

/* Outer page wrapper */
.v41_102 {
  width: 100%;
  background: rgba(16, 36, 39, 1);
}

/* Hero image block */
.v41_103 {
  width: 100%;
  min-height: 700px;
  background: url("../images/v41_103.png") center center / cover no-repeat;
  position: relative;
}

/* Dark overlay на герое */
.v41_104 {
  width: 100%;
  min-height: 700px;
  background: rgba(16, 36, 39, 0.55);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 60px;
}

/* Фото психолога */
.v41_105 {
  position: absolute;
  inset: 0;
  background: url("../images/v41_105.png") center center / cover no-repeat;
  z-index: 0;
}

/* Слой с именем и текстом поверх фото */
.v41_106 {
  position: absolute;
  inset: 0;
  background: url("../images/v41_106.png") center top / cover no-repeat;
  z-index: 1;
}

/* Верхний градиент */
.v41_107 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 220px;
  background: linear-gradient(rgba(16, 36, 39, 1), rgba(16, 36, 39, 0));
  z-index: 2;
}

/* Контент героя (имя + кнопка + слоган) */
.v41_114 {
  position: relative;
  z-index: 3;
  padding: 120px 24px 0;
  width: 100%;
}

/* Имя и должность */
.v42_4 {
  text-align: center;
  margin-bottom: 160px;
}

.v42_2 {
  display: block;
  color: rgba(255, 255, 255, 0.72);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.05em;
}

.v42_3 {
  display: block;
  color: #fff;
  font-family: 'Spectral SC', serif;
  font-weight: 600;
  font-size: 32px;
  text-align: center;
  margin-top: 4px;
}

/* Кнопка "Записаться" */
.v49_56 {
  display: block;
  width: 100%;
  max-width: 296px;
  margin: 0 auto 16px;
  background: rgba(15, 24, 25, 0.82);
  border-radius: 11px;
  padding: 16px 14px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}

.v44_16 {
  color: rgba(153, 209, 215, 1);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 14px;
}

/* Слоган под кнопкой */
.v42_12 {
  width: 100%;
  text-align: center;
  padding: 0 18px;
}

.v42_10 {
  display: block;
  color: rgba(255, 255, 255, 1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.63);
  line-height: 1.5;
}

/* =============================================
   "ОБО МНЕ" SECTION — .v87_1038
   ============================================= */
.v87_1038 {
  width: 100%;
  background: rgba(16, 36, 39, 1);
  padding: 48px 24px;
}

.v103_58 {
  width: 100%;
}

/* Верхний блок: текст + фото */
.v103_56 {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 32px;
}

.v103_55 {
  flex: 1;
  min-width: 0;
}

.v103_16 {
  display: block;
  color: #fff;
  font-family: 'Spectral SC', serif;
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 12px;
}

.v103_23 {
  display: block;
  color: rgba(153, 209, 215, 1);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.v104_28 {
  display: block;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
}

/* Фото в блоке "обо мне" */
.v103_12 {
  flex: 0 0 140px;
  width: 140px;
  height: 185px;
  background: url("../images/v103_12.png") center center / cover no-repeat;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.v103_14 {
  width: 100%;
  height: 100%;
  background: url("../images/v103_14.png") center center / cover no-repeat;
}

/* "С чем можно обратиться" */
.v104_29 {
  width: 100%;
}

.v103_24 {
  display: block;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  margin-bottom: 16px;
}

.v103_53 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Строки списка */
.v103_38,
.v103_43,
.v103_46,
.v103_50,
.v103_37 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/* Буллеты */
.v103_39, .v103_44, .v103_47, .v103_51, .v103_35 {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  background: rgba(153, 209, 215, 1);
  border-radius: 50%;
  margin-top: 5px;
  display: inline-block;
}

/* Текст пунктов */
.v103_40, .v103_45, .v103_48, .v103_52, .v103_36 {
  color: rgba(153, 209, 215, 1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

/* =============================================
   "ПОДХОДЫ И МЕТОДЫ" SECTION — .v159_26
   ============================================= */
.v159_26 {
  width: 100%;
  background: rgba(220, 235, 237, 1);
  padding: 48px 24px;
}

.v112_20 {
  width: 100%;
}

.v112_19 {
  width: 100%;
  margin-bottom: 32px;
}

.v112_18 {
  margin-bottom: 20px;
}

.v86_31 {
  display: block;
  color: rgba(16, 36, 39, 1);
  font-family: 'Spectral SC', serif;
  font-weight: 600;
  font-size: 32px;
  text-align: center;
  margin-bottom: 8px;
}

.v104_62 {
  display: block;
  color: rgba(0, 101, 132, 1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}

.v104_63 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.v104_64, .v104_67, .v104_70, .v104_76 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.v104_65, .v104_68, .v104_71, .v104_77 {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  background: rgba(16, 36, 39, 1);
  border-radius: 50%;
}

.v104_66, .v104_69, .v104_72, .v104_78 {
  color: rgba(16, 36, 39, 1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.v112_12 {
  display: block;
  color: rgba(16, 36, 39, 1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  margin-top: 24px;
  padding: 0 8px;
}

/* =============================================
   "РАБОТА" SECTION — .v125_2
   ============================================= */
.v125_2 {
  width: 100%;
  background: rgba(16, 36, 39, 1);
  padding: 48px 24px;
}

.v107_129 {
  width: 100%;
}

/* Цитата вверху */
.v159_22 {
  width: 100%;
  background: url("../images/v159_18.png") center center / cover no-repeat;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  margin-bottom: 24px;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 24px;
}

.v159_20 {
  position: absolute;
  inset: 0;
  background: url("../images/v159_20.png") center center / cover no-repeat;
}

.v159_18 {
  position: absolute;
  inset: 0;
  background: url("../images/v159_18.png") center center / cover no-repeat;
}

.v159_19 {
  position: absolute;
  inset: 0;
  background: rgba(16, 36, 39, 0.66);
}

.v159_21 {
  position: relative;
  z-index: 1;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  line-height: 1.6;
}

/* Список методов работы */
.v107_92 {
  width: 100%;
  margin-bottom: 32px;
}

.v107_93, .v107_96, .v107_99, .v107_102 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
}

.v107_94, .v107_97, .v107_100, .v107_103 {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  background: rgba(153, 209, 215, 1);
  border-radius: 50%;
  margin-top: 5px;
}

.v107_95, .v107_98, .v107_101, .v107_104 {
  color: rgba(153, 209, 215, 1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

/* Кнопка в секции методов */
.v107_124 {
  display: block;
  width: 100%;
  max-width: 296px;
  margin: 0 auto;
  background: linear-gradient(rgba(251, 229, 205, 1), rgba(88, 196, 209, 1));
  border-radius: 11px;
  padding: 16px 14px;
  text-align: center;
  cursor: pointer;
}

.v107_125 {
  color: rgba(16, 36, 39, 1);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 14px;
  display: block;
  text-align: center;
}

/* =============================================
   "ОБРАЗОВАНИЕ" SECTION — .v112_3
   ============================================= */
.v112_3 {
  width: 100%;
  background: rgba(20, 44, 48, 1);
  padding: 48px 24px;
}

.v117_25 {
  width: 100%;
  margin-bottom: 32px;
}

.v115_4 {
  display: block;
  color: #fff;
  font-family: 'Spectral SC', serif;
  font-weight: 600;
  font-size: 32px;
  text-align: center;
  margin-bottom: 24px;
}

.v115_6 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.v115_7, .v115_10, .v115_13, .v115_16 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.v115_8, .v115_11, .v115_14, .v115_17 {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  background: rgba(153, 209, 215, 1);
  border-radius: 50%;
  margin-top: 4px;
}

.v115_9, .v115_12, .v115_15, .v115_18 {
  color: rgba(255, 255, 255, 0.85);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.5;
}

/* Фото-галерея в образовании */
.v117_26 {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 24px;
}

.v119_46, .v119_48, .v119_47 {
  width: 100px;
  height: 140px;
  background: url("../images/v119_46.png") center center / cover no-repeat;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  flex: 0 0 auto;
}

.v119_48 {
  background-image: url("../images/v119_48.png");
}

.v119_47 {
  background-image: url("../images/v119_47.png");
}

/* =============================================
   "ФОРМАТ РАБОТЫ" SECTION — .v159_27
   ============================================= */
.v159_27 {
  width: 100%;
  background: rgba(16, 36, 39, 1);
  padding: 48px 24px;
}

.v123_7 {
  display: block;
  color: #fff;
  font-family: 'Spectral SC', serif;
  font-weight: 600;
  font-size: 32px;
  text-align: center;
  margin-bottom: 24px;
}

/* Карточки формата */
.v159_92 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}

.v159_28, .v159_56, .v159_75 {
  background: rgba(153, 209, 215, 0.79);
  border-radius: 12px;
  padding: 16px 18px 16px 72px;
  position: relative;
  min-height: 63px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Иконки в карточках (белые квадраты-заглушки) */
.v159_65, .v159_71, .v159_82 {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: rgba(255,255,255,0.9);
  border-radius: 6px;
}

/* Иконка онлайн */
.v159_51 {
  width: 24px;
  height: 24px;
  background: rgba(16,36,39,0.2);
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 3px;
}

/* Иконка продолжительности */
.v159_72, .v159_73,
.v159_83, .v159_84, .v159_85, .v159_86, .v159_87, .v159_88, .v159_89, .v159_90 {
  display: none; /* мелкие декоративные элементы иконок убираем */
}

/* Текст в карточках */
.v159_55, .v159_59, .v159_79 {
  /* контейнер текста — убираем абсолютное позиционирование */
}

.v159_52, .v159_60, .v159_80 {
  display: block;
  color: rgba(16, 36, 39, 1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.v159_54, .v159_61, .v159_81 {
  display: block;
  color: rgba(16, 36, 39, 1);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 12px;
  margin-top: 2px;
}

/* Блок стоимости */
.v159_110 {
  width: 100%;
  background: linear-gradient(rgba(251, 229, 205, 1), rgba(88, 196, 209, 1));
  border-radius: 22px;
  padding: 28px 24px;
  text-align: center;
}

.v159_120 {
  width: 100%;
}

.v159_121 {
  display: block;
  color: rgba(255,255,255,1);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  margin-bottom: 8px;
}

.v159_122 {
  display: block;
  color: rgba(255,255,255,1);
  font-family: 'Spectral SC', serif;
  font-weight: 600;
  font-size: 32px;
  text-align: center;
}

/* =============================================
   CTA SECTION — .v159_123
   ============================================= */
.v159_123 {
  width: 100%;
  background: url("../images/v159_123.png") center center / cover no-repeat;
  position: relative;
  padding: 60px 24px 48px;
}

.v159_132 {
  position: absolute;
  inset: 0;
  background: url("../images/v159_132.png") center center / cover no-repeat;
}

.v159_128 {
  position: absolute;
  inset: 0;
  background: url("../images/v159_128.png") center center / cover no-repeat;
}

.v159_129 {
  position: absolute;
  inset: 0;
  background: rgba(16, 36, 39, 0.55);
}

.v161_137 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(rgba(16, 36, 39, 1), rgba(16, 36, 39, 0));
}

.v161_144 {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
}

.v161_143 {
  margin-bottom: 32px;
}

.v161_140 {
  padding: 0 16px;
}

.v164_202 {
  margin-bottom: 16px;
}

.v164_201 {
  margin-bottom: 12px;
}

.v161_133 {
  display: block;
  color: rgba(255, 255, 255, 0.72);
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 8px;
}

.v164_200 {
  display: block;
  color: rgba(153, 209, 215, 1);
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
}

.v161_135 {
  display: block;
  color: #fff;
  font-family: 'Spectral SC', serif;
  font-weight: 600;
  font-size: 28px;
  text-align: center;
  text-shadow: 0 3px 6px rgba(0,0,0,0.63);
  margin: 20px 0 12px;
  line-height: 1.2;
}

.v161_142 {
  display: block;
  color: rgba(255, 255, 255, 0.72);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  text-shadow: 0 3px 6px rgba(0,0,0,0.63);
  margin-bottom: 32px;
  line-height: 1.5;
}

/* Telegram кнопка */
.v161_138 {
  display: block;
  width: 100%;
  max-width: 296px;
  margin: 0 auto;
  background: linear-gradient(rgba(251, 229, 205, 1), rgba(88, 196, 209, 1));
  border-radius: 11px;
  padding: 16px 14px;
  text-align: center;
  cursor: pointer;
}

.v161_139 {
  display: block;
  color: rgba(16, 36, 39, 1);
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
}

/* =============================================
   FOOTER — .v162_145
   ============================================= */
.v162_145 {
  width: 100%;
  background: rgba(10, 22, 24, 1);
  padding: 32px 24px;
}

/* Соцсети */
.v165_219 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.v165_212, .v165_204, .v165_209 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(153, 209, 215, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}

.v165_214, .v165_206, .v165_211 {
  width: 28px;
  height: 28px;
  background: rgba(153, 209, 215, 1);
  border-radius: 4px;
}

/* Скрываем декоративные подэлементы иконок из Figma */
.v165_215, .v165_216, .v165_217,
.v165_207, .v165_208 {
  display: none;
}

/* Общий helper */
.name {
  color: #fff;
}

.fit {
  width: 100%;
  height: 100%;
  object-fit: cover; /* cover = fill & crop, contain = fit inside */
  display: block;    /* removes inline-gap */
}

a,a:link,a:visited,a:hover,a:active,a:focus {
  color: inherit;            /* keep same color as surrounding text */
  text-decoration: none;     /* remove underline */
  outline: none;             /* remove focus outline if desired */
  box-shadow: none;
  -webkit-tap-highlight-color: transparent; /* mobile tap */
  transition: none;          /* prevent color/decoration transitions */
}

html { scroll-behavior: smooth; }