.login-slot-gacor{
    margin:0;
    padding:0;
    font-family:"Poppins","Segoe UI",Arial,sans-serif;
    background:transparent;
    color:#eafcff;
  }

  .popup-overlay{
    position:fixed;
    inset:0;
    width:100vw;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:
      radial-gradient(circle at 20% 20%,rgba(72,202,228,.22),transparent 32%),
      radial-gradient(circle at 80% 85%,rgba(106,153,78,.25),transparent 34%),
      rgba(3,7,18,.72);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    z-index:9999;
  }

  .popup-container{
    position:relative;
    width:min(92vw,430px);
    border-radius:28px;
    overflow:hidden;
    text-align:center;
    background:
      linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035)),
      linear-gradient(145deg,#07111f 0%,#e79a00 50%,#050912 100%);
    border:1px solid rgba(245, 229, 8, 0.42);
    box-shadow: none;
    animation:popupRise .65s cubic-bezier(.2,.8,.2,1) both;
  }

  @keyframes popupRise{
    0%{opacity:0;transform:translateY(34px) scale(.92)}
    100%{opacity:1;transform:translateY(0) scale(1)}
  }

  .popup-container:before{
    content:"";
    position:absolute;
    inset:12px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.08);
    pointer-events:none;
    z-index:4;
  }

  .popup-container:after{
    display:none;
  }

  .close-btn{
    position:absolute;
    top:14px;
    right:14px;
    width:34px;
    height:34px;
    border-radius:12px;
    background:rgba(3,7,18,.72);
    border:1px solid rgba(72,202,228,.38);
    cursor:pointer;
    z-index:20;
    display:grid;
    place-items:center;
    transition:.25s ease;
    box-shadow:0 8px 20px rgba(0,0,0,.35);
  }

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

  .close-btn:before,
  .close-btn:after{
    content:"";
    position:absolute;
    width:16px;
    height:2px;
    border-radius:99px;
    background:#ffffff;
  }

  .close-btn:before{transform:rotate(45deg)}
  .close-btn:after{transform:rotate(-45deg)}

  .luxury-border{
    position:absolute;
    inset:0;
    border-radius:28px;
    pointer-events:none;
    z-index:6;
    background:
      linear-gradient(90deg,transparent,rgba(72,202,228,.38),transparent) top/100% 1px no-repeat,
      linear-gradient(90deg,transparent,rgba(106,153,78,.38),transparent) bottom/100% 1px no-repeat;
  }

  .gold-particle{
    display: none;
  }

  @keyframes floatDot{
    0%,100%{opacity:0;transform:translate3d(0,18px,0) scale(.7)}
    15%,80%{opacity:.9}
    50%{transform:translate3d(18px,-55px,0) scale(1)}
  }

  .Slot Gacor Hari Ini{
    position:relative;
    z-index:3;
  }

  .popup-image{
    width:100%;
    display:block;
    aspect-ratio:1/1;
    object-fit:cover;
    border-bottom:1px solid rgba(72,202,228,.28);
  }

  .clk-btn-sgp{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    width:100%;
    padding:18px 18px 10px;
    font-family:"Poppins",Arial,sans-serif;
    font-weight:900;
  }

  .clk-btn-sgp:before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:76%;
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,#C94E62,#BA9854,transparent);
    opacity:.85;
  }

  .clk-btn-sgp a{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:15px 12px;
    border-radius:16px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1.4px;
    font-size:15px;
    isolation:isolate;
    transition:.28s ease;
    box-shadow:0 12px 24px rgba(0,0,0,.35);
  }

  .clk-btn-sgp a:before{
    display:none;
  }

  .clk-btn-sgp a:hover{
    transform:translateY(-5px);
  }

  .login{
    color:#070707!important;
    background:linear-gradient(to top, #ffa100, #fdff00) !important;
    border:1px solid rgb(255 222 0 / 75%);
  }

  .login:hover{
    color:#ffffff!important;
    border-color:#C94E62;
    box-shadow:0 16px 28px rgba(0,0,0,.42),0 0 22px rgba(72,202,228,.30);
  }

  .register{
    color:#061018!important;
    background:linear-gradient(to top, #ffa100, #fdff00) !important;
    border:1px solid rgba(255,255,255,.22);
  }

  .register:hover{
    color:#000000!important;
    box-shadow:0 16px 28px rgba(0,0,0,.42),0 0 24px rgba(106,153,78,.38);
  }

  .popup-footer{
    position:relative;
    z-index:7;
    margin:8px 18px 20px;
    padding:16px 14px;
    border-radius:18px;
    color:#dff9ff;
    font-size:13px;
    line-height:1.65;
    background:rgb(0 0 0 / 68%);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 10px 22px rgba(0,0,0,.20) inset;
  }

  .popup-footer span{
    color:#8fe36f!important;
    font-weight:800!important;
    text-shadow:0 0 12px rgba(106,153,78,.42)!important;
  }

  @media(max-width:480px){
    .popup-overlay{
      padding:12px;
    }

    .popup-container{
      width:95vw;
      border-radius:22px;
    }

    .popup-container:before{
      inset:9px;
      border-radius:18px;
    }

    .clk-btn-sgp{
      grid-template-columns:1fr;
      padding:15px 15px 8px;
      gap:10px;
    }

    .clk-btn-sgp a{
      min-height:50px;
      font-size:14px;
    }

    .popup-footer{
      margin:8px 15px 17px;
      font-size:12px;
    }

    .close-btn{
      width:31px;
      height:31px;
      top:11px;
      right:11px;
    }
  }
  .hdd02-pdp-header.hdd02-pdp-header--ux-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1920px;
    background: linear-gradient(to bottom, rgb(255 255 255 / 89%), rgb(255 255 255 / 94%)) !important;
}