body {
      background-color: #111;
      color: #f0f0f0;
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }

    header {
      text-align: center;
      padding: 40px 20px 20px;
    }

    header img {
      max-width: 180px;
    }

    .container {
      max-width: 1000px;
      margin: 0 auto;
      padding: 40px 20px;
    }

    h1 {
      font-size: 2em;
      margin-bottom: 20px;
      color: #029d9d;
      text-align: center;
    }

    .intro p {
      margin-bottom: 20px;
      line-height: 1.6;
    }

    .mvv {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 40px;
    }

    .mvv-item {
      flex: 1;
      min-width: 250px;
    }

    .mvv-item h2 {
      color: #029d9d;
      margin-bottom: 10px;
    }

    .mvv-item ul {
      list-style: none;
      padding-left: 0;
    }

    .mvv-item ul li::before {
      content: "•";
      color: #029d9d;
      margin-right: 8px;
    }