/* Фон страницы — отдельный файл.
   Положите изображение в images/background.jpg (или .png / .webp)
   и при необходимости смените путь ниже. */

.page-bg {
  position: fixed;
  inset: 0;
  z-index: -2;
  background-color: #0c0c0e;
  background-image:
    linear-gradient(
      160deg,
      rgba(12, 12, 14, 0.88) 0%,
      rgba(28, 8, 10, 0.75) 45%,
      rgba(12, 12, 14, 0.92) 100%
    ),
    url("../images/background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.page-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.35;
  background-image:
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 40px,
      rgba(255, 255, 255, 0.015) 40px,
      rgba(255, 255, 255, 0.015) 41px
    );
}

/* Логотип — правый верхний угол */
.corner-logo {
  position: fixed;
  top: clamp(0.75rem, 2vw, 1.35rem);
  right: clamp(0.75rem, 3vw, 2rem);
  z-index: 30;
  width: clamp(9rem, 18vw, 15rem);
  height: auto;
  max-height: 5.5rem;
  object-fit: contain;
  object-position: top right;
  pointer-events: none;
  user-select: none;
}

@media (max-width: 720px) {
  .corner-logo {
    width: clamp(7rem, 42vw, 10rem);
    max-height: 3.5rem;
  }
}