/* Landing Page Styles */

/* Переопределяем стили .content для landing-page */
.content.landing-page {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  width: 100% !important;
  margin-top: 0 !important;
  gap: 0 !important;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
}

/* Три вертикальных блока */
.landing-block {
  flex: 0 0 100vh;
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  scroll-snap-align: start;
  position: relative;
}

/* Нулевой блок - Gather. Originate. Develop. */
.landing-block-0 {
  background: transparent;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  height: 100vh;
}

/* Заголовок Gather. Originate. Develop. */
.gather-title {
  margin: 0;
  font-size: clamp(16.8px, 4.2vw, 42px); /* Уменьшено на 30% (было clamp(24px, 6vw, 60px)) */
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: linear-gradient(135deg, #C0C0C0 0%, #FFD700 50%, #C0C0C0 100%); /* Серебро - золото - серебро в равных долях */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

/* Первый блок - два горизонтальных блоков друг над другом */
.landing-block-1 {
  background: transparent;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  min-height: 100vh;
  height: 100vh;
}

/* Второй блок - Synth */
.landing-block-2 {
  background: transparent;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-height: 100vh;
  height: 100vh;
}

/* Третий блок - пустой для заполнения */
.landing-block-3 {
  background: transparent;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-height: 100vh;
  height: 100vh;
}

/* Четвертый блок - Earn */
.landing-block-4 {
  background: transparent;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-height: 100vh;
  height: 100vh;
}

/* Пятый блок - Earn описание */
.landing-block-5 {
  background: transparent;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-height: 100vh;
  height: 100vh;
}

/* Шестой блок - Кнопка регистрации */
.landing-block-6 {
  background: transparent;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-height: 100vh;
  height: 100vh;
}

/* Кнопка Sign Up на лендинге */
.landing-signup-btn {
  display: inline-block;
  padding: 16px 32px; /* В 2 раза больше чем в шапке (8px 16px) */
  background: linear-gradient(135deg, var(--accent), var(--gold-dark)); /* Золотой градиент */
  color: #0a0806; /* Темный текст на золотом фоне */
  border: none;
  border-radius: 16px; /* В 2 раза больше чем в шапке (8px) */
  font-weight: 700;
  font-size: 42px; /* Увеличено в три раза (было 14px) */
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}

.landing-signup-btn:hover {
  background: linear-gradient(135deg, var(--gold-light), var(--accent));
  box-shadow: 0 4px 24px var(--accent-glow);
  transform: translateY(-2px);
}

/* Горизонтальные блоки внутри landing-block-1 */
.landing-horizontal-block {
  flex: 1;
  min-height: 50vh;
  width: 100%;
  display: flex;
  position: relative;
}

/* Верхний горизонтальный блок */
.landing-block-top {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  padding: 80px 40px 0 40px; /* Больший отступ сверху для смещения к центру */
}

/* Нижний горизонтальный блок */
.landing-block-bottom {
  align-items: center;
  justify-content: center;
  padding: 0 40px 80px 40px; /* Больший отступ снизу для баланса */
}

/* Заголовок PRESENCE */
.presence-title {
  margin: 0;
  font-size: clamp(24px, 6vw, 60px); /* Уменьшено в два раза */
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: linear-gradient(135deg, #C0C0C0 0%, #FFD700 50%, #C0C0C0 100%); /* Серебро - золото - серебро в равных долях */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  text-align: center;
}

/* Описание в нижнем блоке */
.presence-description {
  margin: 0;
  font-size: clamp(12px, 3vw, 30px); /* Увеличено в два раза */
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  background: linear-gradient(135deg, var(--accent) 0%, var(--gold-light) 50%, var(--accent-2) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  max-width: 900px;
  padding: 0 20px;
}

/* Responsive */
@media (max-width: 768px) {
  .landing-block-1 {
    min-height: 100vh;
    height: 100vh;
  }
  
  .landing-horizontal-block {
    min-height: 50vh;
  }
  
  .landing-block-top {
    padding: 0 20px 40px 20px;
  }
  
  .landing-block-bottom {
    padding: 40px 20px 0 20px;
  }
  
  .presence-title {
    font-size: clamp(18px, 7.5vw, 40px); /* Уменьшено в два раза */
  }
  
  .presence-description {
    font-size: clamp(9px, 3.75vw, 20px); /* Увеличено в два раза */
  }
}