body.login-body {
  background: radial-gradient(circle at top, rgba(14, 165, 233, 0.2), transparent 55%),
              radial-gradient(circle at bottom, rgba(37, 99, 235, 0.18), transparent 45%),
              #f4f7ff;
}

.login-card {
  background: linear-gradient(150deg, #ffffff 65%, #f3f8ff 100%);
  box-shadow: 0 40px 90px -50px rgba(11, 36, 71, 0.55);
  border-radius: 28px;
}

.login-tabs {
  background: rgba(15, 23, 42, 0.06);
  box-shadow: inset 0 2px 4px rgba(15, 23, 42, 0.05);
}

.login-tab {
  font-weight: 600;
}

.login-tab.active {
  box-shadow: 0 22px 36px -24px rgba(14, 165, 233, 0.6);
  transform: translateY(-1px);
}

.login-view input {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(243, 248, 255, 0.96));
  border: 1px solid #dbe8ff;
}

.login-view input:focus {
  border-color: #0ea5e9;
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.22);
  transform: translateY(-1px);
}

.btn-google {
  border-color: #d7e3ff;
  background: #ffffff;
}

.btn-google:hover {
  border-color: #0ea5e9;
  box-shadow: 0 20px 32px -26px rgba(14, 165, 233, 0.65);
}