/* Overlay gelap */
    #mobilePopupOverlay {
      display: none;
      position: fixed;
      inset: 0;
      background-color: rgb(0, 0, 0); /* hitam semi-transparan */
      z-index: 9998;
    }

    /* Popup konten */
    #mobilePopup {
      display: none;
      position: fixed;
      bottom: 20px;
      left: 10px;
      right: 10px;
      background: #000000; /* hitam solid */
      border-radius: 12px;
      z-index: 9999;
      overflow: hidden;
      text-align: center;
      color: white;
    }

    #mobilePopup img {
      width: 100%;
      height: auto;
      display: block;
    }

    #mobilePopup .popup-buttons {
      padding: 15px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    #mobilePopup .popup-buttons a {
      text-decoration: none;
      color: white;
      padding: 12px;
      border-radius: 8px;
      font-weight: bold;
    }

    #btnDaftar {
      background-color: #28a745;
      animation: gradient 5s ease infinite;
      background-size: 300% 300%;
      background-position: 0% 50%;
      box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4), inset 0 -2px 5px 1px rgba(139,66,8,1), inset 0 -1px 1px 3px rgba(250,227,133,1);
      background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
      border: 1px solid #a55d07;
      }

    #btnLogin {
    background-color: #007bff;
    animation: gradient 5s ease infinite;
    background-size: 300% 300%;
    background-position: 0% 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,0.23), inset 0 -2px 5px 1px #8b0808, inset 0 -1px 1px 3px #fa7171;
    background-image: linear-gradient(160deg, #a50707, #b41111, #fea2a2, #bc1b1b, #a50707);
    border: 1px solid #a50707;
    }

    @keyframes gradient {
    0% {
    background-position: 0% 50%;
    }
    50% {
    background-position: 100% 50%;
    }
    100% {
    background-position: 0% 50%;
    }
    }


    /* Hanya tampil di layar kecil (mobile) */
    @media (max-width: 768px) {
      #mobilePopup,
      #mobilePopupOverlay {
        display: block;
      }
    }