:root {
  /* Подложка под радиальные блики */
  --bg-base: #0b0f14;

  /* Слои фона (редактируйте позиции/цвета отдельно) */
  --bg-gradient-1: radial-gradient(
    800px 520px at 16% 10%,
    rgba(45, 55, 72, 0.18) 0%,
    rgba(45, 55, 72, 0.06) 45%,
    rgba(11, 15, 20, 0) 72%
  );
  --bg-gradient-2: radial-gradient(
    760px 520px at 85% 88%,
    rgba(15, 118, 110, 0.1) 0%,
    rgba(15, 118, 110, 0.04) 42%,
    rgba(11, 15, 20, 0) 70%
  );

  /* Итоговый фон: блики + база */
  --bg: var(--bg-gradient-1), var(--bg-gradient-2), var(--bg-base);
  
  --card: rgba(17, 24, 39, 0.88);
  --text: #f3f4f6;
  --muted: #a1a1aa;
  --line: #1f2937;
  --akcent: rgba(20,184,166,0.88);

  /* Кнопка primary (вариант «графит + синий») */
  --cta-grad: linear-gradient(135deg, #2d3748 0%, #1b3a57 55%, #0f172a 100%);
  --cta-text: #ffffff;

  --radius: 18px;
  --radius-sm: 14px;

  --font-serif: "Cormorant Garamond", serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}


* {
  box-sizing: border-box !important;
}

html {
  overflow-x: hidden !important;
}

body {
  margin: 0px!important;
  background: var(--bg)!important;
  color: var(--text)!important;
  font-family: var(--font-sans)!important;
  line-height: 1.55!important;
  -webkit-font-smoothing: antialiased!important;
  -moz-osx-font-smoothing: grayscale!important;
  padding: 0pximportant;
  overflow-x: hidden!important;
}

.section {
  max-width: 1100px!important;
  margin: 0 auto!important;
  border: 1px solid var(--line)!important;
  border-radius: var(--radius)!important;
  background: var(--bg)!important;
  overflow: hidden!important;
}

.section-inner {
  padding: 28px 28px 40px!important;
}

.title {
  margin: 0 0 14px!important;
  font-family: var(--font-serif)!important;
  font-weight: 600!important;
  font-size: 40px!important;
  line-height: 1.05!important;
  letter-spacing: -0.01em!important;
}

.divider {
    content: "";
    display: block;
    height: 1px;
    background: linear-gradient(90deg, #14b8a6, #14b8a620);
    margin: 0px 0px 26px;
}


/**  чтобы было по центру */
.wrap {
    max-width: 1100px!important;
    margin: 0 auto!important;
  }
/* Прозрачность блоков  */
#allrecords{
 background:transparent!important;
}
#allrecords a{
    color:var(--cta-text);
}

@media (max-width: 859px) {
  .section-inner {
    padding: 28px 20px 28px!important;
  }

  .title {
    font-size: 34px!important;
  }
}

    .btn {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width:200px;

      padding: 12px 14px;
      border-radius: 999px;
      background: var(--cta-grad);
      color: var(--cta-text);
      font-weight: 600;
      font-size: 16px;
      text-decoration: none;
      user-select: none;
      font-family: var(--font-sans);


      transition: transform .15s ease, filter .15s ease;
      border: 1px solid rgba(161, 161, 170, 0.18);
    }

    .btn:hover {
      filter: brightness(1.33);
    }

    .btn:active {
      transform: translateY(1px);
    }

    .btn::before {
      content: "";
      position: absolute;
      inset: -10px -18px;
      border-radius: 999px;
      background: radial-gradient(closest-side,
        rgba(27,58,87,0.35),
        rgba(11,15,20,0.00));
      filter: blur(10px);
      z-index: -1;
      opacity: .55;
      pointer-events: none;
    }