.fondo {
  background-color: #F5F7FB;
  position: relative;
  overflow-x: hidden;
}

/* Resplandores suaves (igual que login de derivantes) */
.fondo::before,
.fondo::after {
  content: "";
  position: fixed;
  border-radius: 50%;
  filter: blur(60px);
  z-index: 0;
  pointer-events: none;
}
.fondo::before {
  width: 640px; height: 640px;
  top: -220px; left: -180px;
  background: radial-gradient(circle, rgba(30,49,100,0.20), transparent 70%);
}
.fondo::after {
  width: 560px; height: 560px;
  bottom: -200px; right: -160px;
  background: radial-gradient(circle, rgba(40,184,214,0.16), transparent 70%);
}

/* Trama de puntos con máscara central */
.fondo .login-grid-texture {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(#DEE4EF 1px, transparent 1px);
  background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(circle at 50% 35%, black 0%, transparent 65%);
          mask-image: radial-gradient(circle at 50% 35%, black 0%, transparent 65%);
  opacity: .55;
}

/* La card queda por encima de los pseudoelementos */
.login-box {
  position: relative;
  z-index: 1;
}

.card {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 30px 60px -20px rgba(11, 21, 48, 0.35), 0 8px 20px -10px rgba(11, 21, 48, 0.15);
}
.card-header{
    border-bottom: none;
}