/* Login page polish (Bootstrap + Glasslock) */

.login-wrap{
  min-height: 100vh;
}

.login-card{
  position: relative;
}

/* Make nav-pills match glass style */
.login-card .nav-pills{
  background: rgba(0,0,0,.18);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 6px;
}

.login-card .nav-pills .nav-link{
  border-radius: 10px;
  color: rgba(255,255,255,.8);
}

.login-card .nav-pills .nav-link:hover{
  background: rgba(255,255,255,.10);
  color: #fff;
}

.login-card .nav-pills .nav-link.active{
  background: linear-gradient(180deg, rgba(124,92,255,.40), rgba(124,92,255,.18));
  border: 1px solid rgba(124,92,255,.35);
  color: #fff;
}

/* Buttons */
.login-card .btn{
  border-radius: 12px;
}

/* Inputs on glass */
.login-card .form-control{
  border-radius: 12px;
}

/* Softer secondary text on dark background */
.login-card .text-secondary,
.login-card .form-text{
  color: rgba(255,255,255,.65) !important;
}

/* Reduce alert contrast a bit for glass */
.login-card .alert{
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}