html, body {
      margin: 0;
      min-height: 100vh;
      background-color: #000000;
      color: white;
    }

    body {
      display: flex;
      flex-direction: column;
      font-family: Arial, sans-serif;
    }

    main {
      flex: 1;
    }

    header {
      background-color: #000000;
      color: white;
      text-align: center;
      padding: 25px;
    }

    nav {
      background-color: transparent;
      display: flex;
      justify-content: center;
      gap: 18px;
      flex-wrap: wrap;
      padding: 16px 0 24px;
    }

    nav a, .button-link {
      background: linear-gradient(135deg, #888888 0%, #4d4d4d 100%);
      color: #ffffff;
      padding: 14px 26px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 700;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
      transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
    }

    nav a:hover, .button-link:hover {
      transform: translateY(-2px);
      box-shadow: 0 14px 26px rgba(0, 0, 0, 0.25);
      opacity: 0.95;
    }

    main {
      padding: 20px;
      max-width: 800px;
      margin: auto;
    }

    section {
      background-color: white;
      color: #000000;
      padding: 15px;
      margin-bottom: 20px;
      border-radius: 10px;
      box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    }

    .updates-page section {
      background-color: #000000;
      color: #ffffff;
      box-shadow: none;
      padding: 20px;
      margin-bottom: 20px;
      border-radius: 10px;
    }

    .updates-page section h2,
    .updates-page section p,
    .updates-page section li {
      color: #ffffff;
    }

    .updates-page section img {
      border-radius: 10px;
      margin-top: 20px;
    }

    .updates-page .button-link {
      background: #ffffff;
      color: #000000;
      margin-top: 40px;
      display: inline-block;
    }

    .updates-page .button-link:hover {
      opacity: 0.95;
      transform: translateY(-2px);
      box-shadow: 0 14px 26px rgba(0, 0, 0, 0.25);
    }

    .updates-page #updates ul {
      list-style: none;
      padding: 0;
      margin: 24px auto 0;
      display: flex;
      flex-direction: column;
      gap: 18px;
      align-items: center;
    }

    .updates-page #updates ul li {
      width: 100%;
      max-width: 360px;
      text-align: center;
    }

    .updates-page #updates ul li .button-link {
      display: inline-block;
      width: 100%;
    }

    h2 {
      color: #ffffff;
    }

    .privacy-page {
      text-align: center;
    }

    .privacy-page h2 {
      color: white;
    }


    img {
      display: block;
      margin: 10px auto;
      border-radius: 10px;
    }

    footer {
      background-color: #000000;
      color: white;
      text-align: center;
      padding: 10px;
    }