body {
          font-family: Arial, sans-serif;
          line-height: 1.7;
          margin: 0px auto;
          max-width: 900px;
          padding: 10px 20px;
          color: #333;
        }
        h1, h2 {
          color: #2c3e50;
        }
        a {
          color: #2980b9;
          text-decoration: none;
        }
        a:hover {
          text-decoration: underline;
        }
        .notice {
          background-color: #fce4ec;
          border-left: 5px solid #e91e63;
          padding: 10px 15px;
          margin-bottom: 20px;
        }
        .important {
          background-color: #e3f2fd;
          border-left: 5px solid #2196f3;
          padding: 10px 15px;
          margin-top: 20px;
        }
        header {
              display: flex;
              justify-content: space-between;
              align-items: center;
              padding: 20px 40px;
              background-color: #0dcaf0;
              color: #212529;
              position: relative;
              z-index: 1000;
            }

            .logo {
              display: flex;
              align-items: center;
            }

            .logo img {
              height: 70px;
              margin-right: 10px;
            }

            .logo span {
              font-size: 1.5rem;
              font-weight: bold;
            }

            nav {
              display: flex;
              gap: 30px;
            }

            nav a {
              text-decoration: none;
              color: #212529;
              font-size: 1rem;
              transition: color 0.3s;
            }

            nav a:hover {
              color: #ffffff;
            }
            .menu-toggle {
              display: none;
              flex-direction: column;
              cursor: pointer;
            }

            .menu-toggle span {
              width: 25px;
              height: 3px;
              background-color: #212529;
              margin: 4px 0;
              transition: 0.4s;
            }

            @media (max-width: 768px) {
              nav {
                display: none;
                flex-direction: column;
                background-color: #0dcaf0;
                position: absolute;
                top: 70px;
                left: 0;
                width: 100%;
                padding: 20px;
                gap: 20px;
                z-index: 999;
              }

              nav.active {
                display: flex;
              }
              .menu-toggle {
                display: flex;
              }
            }