:root {
  --magenta: #bd0f72;
  --magenta-soft: rgba(189, 15, 114, 0.08);
  --ink: #3a3f52;
}

.login-v2-body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
}

.login-v2-card {
  border-radius: 16px;
  overflow: hidden;
}

.login-v2-side {
  background: linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%);
}

.login-v2-title {
  color: #202c5a;
}

.btn-v2-primary {
  background: linear-gradient(135deg, #bd0f72 0%, #9a0c5d 100%);
  border-color: #9a0c5d;
  color: #fff;
  border-radius: 10px;
  font-weight: 600;
}

.btn-v2-primary:hover,
.btn-v2-primary:focus {
  background: linear-gradient(135deg, #a70d65 0%, #870a52 100%);
  border-color: #870a52;
  color: #fff;
}

.btn-v2-outline {
  background: #fff;
  border: 1px solid rgba(189, 15, 114, 0.35);
  color: var(--magenta);
  border-radius: 10px;
  font-weight: 500;
}

.btn-v2-outline:hover,
.btn-v2-outline:focus {
  background: var(--magenta-soft);
  border-color: var(--magenta);
  color: var(--magenta);
}

.modal-content {
  border-radius: 16px;
  border: none;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.12);
}

.modal-header {
  border-bottom: 1px solid #eee;
}

@media (max-width: 991.98px) {
  .login-v2-body {
    background-position: center;
    background-attachment: scroll;
  }
}