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

  .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(244, 197, 66,.22),transparent 32%),
      radial-gradient(circle at 80% 85%,rgba(237, 41, 69,.25),transparent 34%),
      rgba(16, 5, 7,.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,#24080d 0%,#bd1830 50%,#100507 100%);
    border:1px solid rgba(244, 197, 66,.42);
    box-shadow:
      0 30px 80px rgba(0, 0, 0,.70),
      0 0 0 1px rgba(255, 255, 255,.05) inset,
      0 0 42px rgba(244, 197, 66,.18);
    animation:popupRise .65s cubic-bezier(.2,.8,.2,1) both,popupAura 4s ease-in-out infinite;
  }

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

  @keyframes popupAura{
    0%,100%{box-shadow:0 30px 80px rgba(0, 0, 0,.70),0 0 0 1px rgba(255, 255, 255,.05) inset,0 0 34px rgba(244, 197, 66,.16)}
    50%{box-shadow:0 30px 80px rgba(0, 0, 0,.70),0 0 0 1px rgba(255, 255, 255,.05) inset,0 0 54px rgba(237, 41, 69,.24)}
  }

  .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{
    content:"";
    position:absolute;
    top:-45%;
    left:-80%;
    width:70%;
    height:190%;
    background:linear-gradient(115deg,transparent 35%,rgba(255, 255, 255,.18) 50%,transparent 65%);
    transform:rotate(8deg);
    animation:softSweep 5.2s ease-in-out infinite;
    pointer-events:none;
    z-index:5;
  }

  @keyframes softSweep{
    0%{left:-85%}
    45%{left:115%}
    100%{left:115%}
  }

  .close-btn{
    position:absolute;
    top:14px;
    right:14px;
    width:34px;
    height:34px;
    border-radius:12px;
    background:rgba(16, 5, 7,.72);
    border:1px solid rgba(244, 197, 66,.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:#f4c542;
    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(244, 197, 66,.38),transparent) top/100% 1px no-repeat,
      linear-gradient(90deg,transparent,rgba(237, 41, 69,.38),transparent) bottom/100% 1px no-repeat;
  }

  .gold-particle{
    position:absolute;
    width:7px!important;
    height:7px!important;
    border-radius:50%;
    background:radial-gradient(circle,#f4c542 0%,rgba(237, 41, 69,.75) 45%,transparent 72%);
    box-shadow:0 0 14px rgba(244, 197, 66,.75);
    pointer-events:none;
    z-index:1;
    animation:floatDot 8s ease-in-out infinite;
  }

  @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)}
  }

  .cari game seru{
    position:relative;
    z-index:3;
  }

  .popup-image{
    width:100%;
    display:block;
    aspect-ratio:1/1;
    object-fit:cover;
    border-bottom:1px solid rgba(244, 197, 66,.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,#f4c542,#bd1830,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{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent 30%,rgba(255, 255, 255,.20),transparent 70%);
    transform:translateX(-120%);
    transition:.45s ease;
    z-index:-1;
  }

  .clk-btn-sgp a:hover:before{
    transform:translateX(120%);
  }

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

  .login{
    color:#fff8e6!important;
    background:linear-gradient(145deg,#f4c542,#bd1830);
    border:1px solid rgba(244, 197, 66,.75);
  }

  .login:hover{
    color:#ffffff!important;
    border-color:#f4c542;
    box-shadow:0 16px 28px rgba(0, 0, 0,.42),0 0 22px rgba(244, 197, 66,.30);
  }

  .register{
    color:#24080d!important;
    background:linear-gradient(145deg,#f4c542,#bd1830);
    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(237, 41, 69,.38);
  }

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

  .popup-footer span{
    color:#f4c542!important;
    font-weight:800!important;
    text-shadow:0 0 12px rgba(237, 41, 69,.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;
    }
  }