      /* === Шрифты === */
      @font-face {
      font-family: 'Eastman';
      src: url('fonts/Eastman-Regular.woff2') format('woff2');
      font-weight: normal;
      font-style: normal;
      }
      @font-face {
      font-family: 'Eastman';
      src: url('fonts/Eastman-Italic.woff2') format('woff2');
      font-weight: normal;
      font-style: italic;
      }
      @font-face {
      font-family: 'Eastman';
      src: url('fonts/Eastman-Bold.woff2') format('woff2');
      font-weight: bold;
      font-style: normal;
      }
      body {
      font-family: 'Eastman', Arial, sans-serif;
      background: #f7F7F7;
      margin: 0;
      overflow-x: hidden;
      }
      /* === Заголовки === */
      h1, h2, h3 {
      font-weight: bold;
      margin-bottom: 0.6em;
      line-height: 1.2;
      }
      h1 { color: #fff; font-size: 2.8rem; }
      h2 { color: #1A8E8E; font-size: 2rem; }
      h3 { color: #000; font-size: 1.4rem; }
      @media (max-width: 992px) {
      h1 { font-size: 2.2rem; }
      h2 { font-size: 1.6rem; }
      h3 { font-size: 1.2rem; }
      }
      @media (max-width: 768px) {
      h1 { font-size: 1.8rem; }
      h2 { font-size: 1.3rem; }
      h3 { font-size: 1.1rem; }
      }
      @media (max-width: 576px) {
      h1 { font-size: 3rem; }
      h2 { font-size: 1rem; }
      h3 { font-size: 1.1rem; }
      }
      /* === Кнопки === */
      .btn-success {
      background-color: #1A8E8E !important;
      border-color: #1A8E8E !important;
      }
      .btn-success:hover {
      background-color: #147d7d !important; /* немного темнее для hover */
      border-color: #147d7d !important;
      }  
      .main-btn {
      background-color: #1A8E8E;
      color: #fff;
      border-radius: 25px;
      padding: 10px 20px;
      border: none;
      z-index: 2;
      position: relative;
      }
      table{
        background-color:transparent;
      }