body {
  background-color: #1a1a2e;
  background-image: url("../images/bg-pattern.png"); /* your dark texture bg */
  background-size: cover;
  background-repeat: no-repeat;
  backdrop-filter: blur(10px);           /* blur intensity */
  -webkit-backdrop-filter: blur(10px);   /* Safari support */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  /* background-color: #1c1c1e;
  background-image: 
    radial-gradient(circle at 20% 50%, #2a2a3e 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, #1e2a3a 0%, transparent 40%); */
}

.container {
  background-size: fill;
}

.Login-Card {
  margin: 20px auto;
  border: none;
  /* padding: 20px; */
  /* border: 1px solid #ccc; */
  border-radius: 15px;
  /* overflow: hidden; */
}
.Login-Card .row {
  margin: 0 !important;
}

.Login-Card > .card-body {
  padding: 0 !important;
}

.login-left-image,
.Left-Image-Container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px 0 0 14px;
  max-width: 100%;
  /* display: block; add this — removes inline image bottom gap */
}

.Right-Login-Container {
  border-radius: 0 13px 13px 0;
  background-color: #ffffff;
  background-image: url("../images/bg-right-login.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.Desktop-View {
  display: block;
}

.Mobile-View {
  display: none;
}

@media (max-width: 768px) {
  .Desktop-View {
    display: none;
  }

  .Mobile-View {
    display: block;
  }

  .Right-Login-Container {
  border-radius: 13px;
}
}