.header {
      width: 100%;
      position: relative;
      overflow: hidden;
      background: white;
      padding: 30px 20px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      text-align: center;
    }

    .title {
      font-size: 72px;
      font-weight: bold;
      letter-spacing: -2px;
      margin: 0;
      line-height: 0.9;
      text-transform: uppercase;
      position: relative;
      z-index: 2;
    }

    .title span {
      color: #e74c3c;
    }

    .subtitle {
      font-size: 16px;
      margin: 15px 0 10px;
      font-weight: bold;
      color: #222;
      background: black;
      color: white;
      padding: 8px 12px;
      display: inline-block;
      text-align: left;
    }

    .author {
      font-size: 12px;
      text-align: right;
      margin-top: 10px;
      font-weight: bold;
      letter-spacing: 0.5px;
      color: #666;
    }

    .divider {
      width: 100%;
      height: 8px;
      background: black;
      margin: 20px 0;
    }

    .sidebar {
      width: 100%;
      max-width: 300px;
      background: #eee;
      padding: 20px;
      border-radius: 8px;
      align-self: flex-start;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

    .logo-y {
      font-size: 120px;
      font-weight: bold;
      color: #e74c3c;
      text-align: center;
      line-height: 1;
      position: relative;
      margin-bottom: 20px;
    }

    .logo-y::before {
      content: "Y";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: #7f8c8d;
      z-index: -1;
      transform: translateX(-10px) translateY(-5px);
    }

    .quote-box {
      background: #fafafa;
      padding: 15px;
      margin: 20px 0;
      border-left: 4px solid #e74c3c;
      font-style: italic;
      font-size: 17px;
      border-radius: 0 6px 6px 0;
    }

    .main-content {
      flex: 1;
      min-width: 300px;
      background: white;
      padding: 25px;
      border-radius: 8px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

    p {
      margin-bottom: 20px;
      text-align: justify;
    }

    /* Адаптивность */
    @media (max-width: 768px) {
      .container {
        flex-direction: column;
      }

      .header {
        padding: 20px;
      }

      .title {
        font-size: 52px;
      }

      .sidebar {
        max-width: 100%;
      }

      .logo-y {
        font-size: 80px;
      }
    }
.quote {
      font-style: italic;
      background: #fff8e1;
      border-left: 4px solid #ffc107;
      padding: 14px;
      margin: 20px 0;
      border-radius: 0 6px 6px 0;
    }

    .highlight {
      background: #e8f5e9;
      padding: 2px 4px;
      font-weight: bold;
      color: #27ae60;
    }

    .warning {
      background: #ffebee;
      padding: 14px;
      border-left: 4px solid #f44336;
      margin: 20px 0;
      border-radius: 0 6px 6px 0;
    }

    .footer-quote {
      font-weight: bold;
      font-style: italic;
      text-align: center;
      margin-top: 30px;
      padding-top: 20px;
      border-top: 2px dashed #eee;
      color: #2c3e50;
    }

    h2 {
      font-size: 22px;
      font-weight: bold;
      margin: 30px 0 15px;
      color: #e74c3c;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }
p {
      margin-bottom: 18px;
      text-align: justify;
    }

    ul, ol {
      margin-bottom: 20px;
      padding-left: 20px;
    }

    li {
      margin-bottom: 8px;
    }
.section-title2 {
      font-size: 24px;
      font-weight: bold;
      color: #e74c3c;
      margin: 30px 0 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
      background: white;
      border: 1px solid #ddd;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

    th {
      background: #ffeb3b;
      color: #222;
      font-weight: bold;
      padding: 12px;
      text-align: left;
      font-size: 16px;
      border-bottom: 2px solid #e74c3c;
    }

    td {
      padding: 12px;
      border-bottom: 1px solid #eee;
      color: #333;
    }

    tr:last-child td {
      border-bottom: none;
    }

    .note {
      font-style: italic;
      color: #555;
      margin: 15px 0;
      padding: 12px 16px;
      background: #fff8e1;
      border-left: 4px solid #ffc107;
      border-radius: 0 6px 6px 0;
    }

    .split-title {
      font-size: 20px;
      font-weight: bold;
      margin-top: 30px;
      color: #2c3e50;
    }

    .training-split {
      background: white;
      padding: 20px;
      border-radius: 8px;
      margin-top: 15px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

    .day {
      display: flex;
      justify-content: space-between;
      padding: 8px 0;
      border-bottom: 1px solid #eee;
    }

    .day:last-child {
      border-bottom: none;
    }

    .day-name {
      font-weight: bold;
      color: #e74c3c;
    }

    /* Адаптивность */
    @media (max-width: 768px) {
      

      .section-title {
        font-size: 20px;
      }

      th, td {
        padding: 8px;
        font-size: 14px;
      }
    }