/* Инфарепет — базовые стили для Tilda */
:root {
  --inf-purple: #6D3BFF;
  --inf-purple-dark: #4D1CE5;
  --inf-bg: #07070D;
  --inf-card: #FFFFFF;
  --inf-text: #111111;
  --inf-muted: #6B6B76;
}

body {
  background: var(--inf-bg);
}

.t-records {
  background: var(--inf-bg);
}

.inf-bg-section {
  background-image: url("02_background_desktop_1920x1080.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: repeat-y;
}

.inf-card {
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
}

.inf-purple-button {
  background: linear-gradient(135deg, #7A45FF 0%, #5C2BFF 100%);
  border-radius: 14px;
  color: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}

.inf-purple-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(109,59,255,.38);
}

.inf-outline-button {
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 14px;
  color: #fff;
}

.inf-title {
  font-family: "Bebas Neue", "Impact", sans-serif;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.inf-text {
  font-family: "Inter", "Arial", sans-serif;
}

@media (max-width: 960px) {
  .inf-card {
    border-radius: 22px;
  }
}