/* ==================== HR PREMIUM STYLES ==================== */
:root {
  --color-navy: #1E3A5F;
  --color-navy-dark: #0F2744;
  --color-gold: #C9A961;
  --color-gold-light: #D4BC7C;
  --color-cream: #FAF9F6;
  --text-primary: #2D2D2D;
}

/* Общий фон с эффектом стекла как на основном сайте */
body {
  background-image: url('city-bg.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: var(--text-primary);
  font-family: 'Montserrat', sans-serif;
}

body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(250, 249, 246, 0.90); /* Чуть плотнее фон для читаемости текста вакансий */
  z-index: -1;
}

/* Стилизация заголовков в стиле Playfair */
h1, h2, h3 {
  font-family: 'Playfair Display', serif;
}

/* Полупрозрачные секции (Glassmorphism) */
section {
  background: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(201, 169, 97, 0.2);
}

/* Темно-синяя секция (Hero и Обучение) */
section.bg-blue-600, 
section.bg-gradient-to-r {
  background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-navy-dark) 100%) !important;
  color: white !important;
}

/* Карточки вакансий в стиле твоих объектов */
.vacancy-card {
  background: white;
  border: 1px solid var(--color-light-gray);
  border-top: 4px solid var(--color-gold); /* Золотой акцент сверху */
  transition: all 0.3s ease;
}

.vacancy-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(30, 58, 95, 0.1);
  border-top-color: var(--color-navy);
}

/* Кнопки в стиле КГСН */
.btn-premium {
  background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-navy-dark) 100%);
  color: white;
  border: none;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn-premium:hover {
  background: var(--color-gold);
  transform: scale(1.02);
}

/* Стилизация формы */
#contact-form input, 
#contact-form select, 
#contact-form textarea {
  border: 1px solid rgba(30, 58, 95, 0.2);
  background: rgba(255, 255, 255, 0.9);
}

#contact-form input:focus {
  border-color: var(--color-gold);
  ring: 2px var(--color-gold-light);
}

/* FAQ аккордеон */
.faq-item {
  border-bottom: 1px solid rgba(30, 58, 95, 0.1);
  background: transparent;
}

.faq-button:hover {
  color: var(--color-gold) !important;
}
/* Стили формы */
.quiz-option input:checked + div {
    border-color: var(--color-gold) !important;
    background-color: rgba(201, 169, 97, 0.05);
}

.quiz-option input:checked + div span {
    border-color: var(--color-gold);
    background: var(--color-gold);
    box-shadow: inset 0 0 0 3px white;
}

.bg-gold { background-color: #C9A961; }