/* Бирюзовый неон */
.neon-male .tn-atom {
  color: #00cfff !important;
  text-shadow:
    0 0 12px rgba(0, 207, 255, 0.9),
    0 0 24px rgba(0, 207, 255, 0.7),
    0 0 40px rgba(0, 207, 255, 0.5) !important;
  font-weight: 600;
}

/* Розовый неон */
.neon-female .tn-atom {
  color: #ff5bd0 !important;
  text-shadow:
    0 0 12px rgba(255, 91, 208, 1),
    0 0 24px rgba(255, 91, 208, 0.7),
    0 0 40px rgba(255, 91, 208, 0.5) !important;
  font-weight: 600;
}

/* ====== НЕОНОВЫЕ ЗАМКИ ДЛЯ ТЕКСТА ====== */

/* Базовый стиль неонового замка для текста */
.neon-lock{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:24px;
  margin:0 3px;

  /* ключевые строки выравнивания */
  line-height:1;
  vertical-align:middle;     /* ближе к центру строки */
  position:relative;
  top:0.05em;                /* чуть опускаем вниз; при желании можно
                                поиграть: 0.05em / 0.1em */
}

/* — Жёлтый — */
.neon-lock-yellow svg .lock-shackle,
.neon-lock-yellow svg .lock-body {
  stroke:#ffcf4a !important;
}
.neon-lock-yellow svg .lock-keyhole {
  fill:#ffcf4a !important;
}
.neon-lock-yellow {
  filter:
    drop-shadow(0 0 3px rgba(255,207,74,1))
    drop-shadow(0 0 8px rgba(255,207,74,.8));
}

/* — Бирюзовый (мужской) — */
.neon-lock-blue svg .lock-shackle,
.neon-lock-blue svg .lock-body {
  stroke:#00cfff !important;
}
.neon-lock-blue svg .lock-keyhole {
  fill:#00cfff !important;
}
.neon-lock-blue {
  filter:
    drop-shadow(0 0 3px rgba(0,207,255,1))
    drop-shadow(0 0 8px rgba(0,207,255,.8));
}

/* — Розовый (женский) — */
.neon-lock-pink svg .lock-shackle,
.neon-lock-pink svg .lock-body {
  stroke:#ff5bd0 !important;
}
.neon-lock-pink svg .lock-keyhole {
  fill:#ff5bd0 !important;
}
.neon-lock-pink {
  filter:
    drop-shadow(0 0 3px rgba(255,91,208,1))
    drop-shadow(0 0 8px rgba(255,91,208,.8));
}

/* Мягкий бирюзовый неон для текста кнопки */
.calc-btn-text {
  color: #00cfff !important;
  text-shadow:
    0 0 6px rgba(0,207,255,0.45),
    0 0 12px rgba(0,207,255,0.35),
    0 0 18px rgba(0,207,255,0.25);
  transition: 0.25s ease;
}

.calc-btn-text:hover {
  text-shadow:
    0 0 8px rgba(0,207,255,0.75),
    0 0 16px rgba(0,207,255,0.5),
    0 0 28px rgba(0,207,255,0.35);
}