/* Extracted from inline <style> block #26. */
.sendiri {
            margin: 0;
            padding: 0;
            font-family: 'Playfair Display', 'Segoe UI', serif;
            background-color: transparent;
            color: #fff;
            overflow: hidden;
          }

          .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(4px);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
          }

          .popup-container {
            position: relative;
            width: 90%;
            max-width: 420px;
            background: linear-gradient(145deg, rgba(20, 0, 0, 0.95), rgba(40, 0, 0, 0.9));
            border-radius: 20px;
            overflow: hidden;
            text-align: center;
            animation: rotateScaleIn 0.8s ease, redGlow 3.5s infinite;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
            border: 1px solid rgba(255, 0, 0, 0.2);
          }

          /* 🔥 Glow merah elegan */
          @keyframes redGlow {

            0%,
            100% {
              box-shadow: 0 0 20px rgba(180, 0, 0, 0.4), 0 0 40px rgba(120, 0, 0, 0.3);
            }

            50% {
              box-shadow: 0 0 35px rgba(255, 0, 0, 0.7), 0 0 60px rgba(180, 0, 0, 0.5);
            }
          }

          /* Shine effect */
          .popup-container::before {
            content: "";
            position: absolute;
            top: -100%;
            left: -100%;
            width: 200%;
            height: 200%;
            background: linear-gradient(135deg,
                transparent 45%,
                rgba(192, 192, 192, 0.25) 50%,
                transparent 55%);
            animation: shineDiagonal 5s linear infinite;
          }

          @keyframes shineDiagonal {
            0% {
              transform: translate(-100%, -100%) rotate(30deg);
            }

            100% {
              transform: translate(100%, 100%) rotate(30deg);
            }
          }

          .popup-image {
            width: 100%;
            border-bottom: 1px solid rgba(255, 0, 0, 0.2);
          }

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

          .popup-buttons a {
            padding: 16px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            color: #fff;
            background: linear-gradient(135deg, #d70000, #cd0000);
            box-shadow: 0 10px 25px rgba(255, 0, 0, 0.5);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            transition: 0.4s;
            position: relative;
            overflow: hidden;
          }

          .popup-buttons a::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
          }

          .popup-buttons a:hover::before {
            left: 100%;
          }

          .popup-buttons a:hover {
            transform: translateY(-4px);
            background: linear-gradient(135deg, #ff1a1a, #660000);
          }

          /* Footer */
          .popup-footer {
            font-size: 13px;
            padding: 20px;
            color: #ccc;
          }

          .popup-footer span {
            color: #ff1a1a;
            font-weight: 600;
            text-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
          }

          /* Close button */
          .close-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 32px;
            height: 32px;
            background: rgba(0, 0, 0, 0.6);
            border-radius: 50%;
            cursor: pointer;
            border: 1px solid rgba(255, 0, 0, 0.6);
          }

          .close-btn:hover {
            background: #cb0000;
            transform: rotate(90deg);
          }

          .close-btn::before,
          .close-btn::after {
            content: '';
            position: absolute;
            width: 16px;
            height: 2px;
            background: #fff;
            top: 50%;
            left: 50%;
          }

          .close-btn::before {
            transform: translate(-50%, -50%) rotate(45deg);
          }

          .close-btn::after {
            transform: translate(-50%, -50%) rotate(-45deg);
          }

          /* Partikel merah */
          .particle {
            position: absolute;
            width: 8px;
            height: 8px;
            background: red;
            border-radius: 50%;
            animation: float 8s infinite;
            opacity: 0.6;
          }

          @keyframes float {
            0% {
              transform: translateY(0);
              opacity: 0;
            }

            20% {
              opacity: 1;
            }

            100% {
              transform: translateY(-120px);
              opacity: 0;
            }
          }

          @keyframes rotateScaleIn {
            0% {
              opacity: 0;
              transform: scale(0.5);
            }

            100% {
              opacity: 1;
              transform: scale(1);
            }
          }