:root {
  --main-bg-color: #FFF;
  --main-text-color: #000;
  --accent-color: #EF9325;

  --gray-soft: #797979;
  --gray-medium: #737373;
  --gray-hard: #474747;

  --border-color: #D5D5D5;

  --bg-purple: #6822E2;
  --bg-blue: #6FD8EE;
}

html {
  scroll-behavior: smooth;
  font-size: 10px;
}

.body {
  font-family: 'Geologica', sans-serif;
  line-height: normal;
  color: var(--main-text-color);
  background: var(--main-bg-color);
  min-width: 350px;
}

html,
body {
  height: 100%;
  overflow-x: hidden;
}

body {
  padding-top: 80px; /* Отступ для fixed header */
}

.wrapper {
  min-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.main {
  flex-grow: 1;
}

.container {
  max-width: 1649px;
  margin: 0 auto;
  padding: 0 15px;
  height: 100%;
}

.container-xxl {
  max-width: 1920px;
  overflow-x: hidden;
  padding: 0;
}

.bg-purple {
  background-color: var(--bg-purple);
}

.bg-blue {
  background-color: var(--bg-blue);
}

.back-btn {
  display: inline-flex;
  border: 1px solid var(--gray-medium);
  color: var(--gray-medium);
  align-items: center;
  padding: clamp(0.5rem, 1vw, 0.7rem) clamp(1rem, 1.5vw, 3.2rem);
  gap: clamp(1rem, 1vw, 1.2rem);
  font-size: clamp(1.2rem, 2.5vw, 2rem);
  text-wrap: nowrap;
  margin-bottom: clamp(1.5rem, 3vw, 4rem);
}

.back-btn svg {
  width: clamp(1.2rem, 2vw, 3rem);
}