/* Desktop Layout Styles */
.langdi-pc,
.langdi-pc * {
  box-sizing: border-box;
}

.langdi-pc {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  background: url('assets/langdi-pc.png') center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.gift-box-2 {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  object-fit: contain;
}

.logo-betzed {
  width: 443px;
  height: 145px;
  position: absolute;
  left: 50%;
  top: 2%;
  transform: translateX(-50%);
  object-fit: cover;
  aspect-ratio: 443/145;
}

.register-button {
  width: 645px;
  height: 176.42px;
  position: absolute;
  left: 50%;
  top: 44.5%;
  object-fit: cover;
  aspect-ratio: 645/156.42;
  animation: registerPulseDesktop 1.5s ease-in-out infinite;
}

.key-model-copy {
  width: auto;
  height: 97vh;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  object-fit: contain;
}

.new-member-hingga {
  width: 738px;
  height: 113.81px;
  position: absolute;
  left: 50%;
  top: 18%;
  transform: translateX(-50%);
  object-fit: cover;
  aspect-ratio: 738/113.81;
}

.rp-200-0001 {
  width: 516.81px;
  height: 93.06px;
  position: absolute;
  left: 50%;
  top: 26.5%;
  transform: translateX(-50%);
  object-fit: cover;
  aspect-ratio: 738/113.81;
}

.vip-transfer-event-max-rp {
  width: 731.56px;
  height: 54.4px;
  position: absolute;
  left: 50%;
  top: 36.5%;
  transform: translateX(-50%);
  object-fit: cover;
  aspect-ratio: 731.56/54.4;
}

._3-card-ch-nh-copy-3 {
  width: 668px;
  height: 146.02px;
  position: absolute;
  left: 50%;
  top: 64%;
  transform: translateX(-50%);
  object-fit: cover;
  aspect-ratio: 210.84/146.02;
}

.logo-bank-1 {
  width: 515px;
  height: 145px;
  position: absolute;
  left: 50%;
  top: 80%;
  transform: translateX(-50%);
  object-fit: cover;
  aspect-ratio: 515/145;
}

.left-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  z-index: 1;
}

.right-section {
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  z-index: 1;
}

/* Desktop Layout - Visible by default */
.desktop-layout {
  display: block;
}

@media (max-width: 1024px) {
  .desktop-layout {
    display: none !important;
  }
}