@charset "utf-8";
/* CSS Document */
     * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Roboto', sans-serif;
      background-color: #fef3e2;
      color: #1c2b39;
      line-height: 1.6;
      padding: 2rem;
    }

    h1, h2, h3 {
      font-family: 'Montserrat', sans-serif;
    }

    header {
      text-align: center;
      margin-bottom: 2rem;
    }

    header h1 {
      font-size: 3rem;
      color: #1c2b39;
    }

    header img {
      max-width: 80px;
      margin-top: 1rem;
    }

    section {
      max-width: 900px;
      margin: 0 auto 2rem;
      padding: 1rem;
    }

    .highlight {
      color: #e6531c;
      font-weight: bold;
    }

    .list-block {
      display: flex;
      align-items: flex-start;
      gap: 1rem;
      margin-bottom: 2rem;
    }

    .list-icon {
      font-size: 4rem;
      flex-shrink: 0;
      line-height: 1;
    }

    .icon-subjects {
      color: #e6531c;
    }

    .icon-format {
      color: #00a79d;
    }

    .icon-why {
      color: #ffc107;
    }

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

    .list-content ul li {
      position: relative;
      padding-left: 1.5rem;
      margin-bottom: 0.5rem;
    }

    .list-content ul li::before {
      content: '\f00c';
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      color: #e6531c;
      position: absolute;
      left: 0;
    }

    .contact {
      background: rgba(255, 255, 255, 0.6);
      padding: 1rem;
      border-top: 2px solid #e6531c;
      text-align: center;
    }

    .contact h2 {
      margin-bottom: 1rem;
    }

    .contact p {
      font-weight: bold;
      color: #e6531c;
    }

    @media (max-width: 600px) {
      header h1 {
        font-size: 2rem;
      }

      .list-block {
        flex-direction: column;
        align-items: flex-start;
      }
    }