body {
  background:
    radial-gradient(circle at top left, rgba(56, 189, 248, 0.25), transparent 55%),
    radial-gradient(circle at top right, rgba(250, 204, 21, 0.18), transparent 55%),
    radial-gradient(circle at bottom, rgba(15, 23, 42, 1), #020617);
}

.glass-panel {
  backdrop-filter: blur(26px);
  -webkit-backdrop-filter: blur(26px);
}

.floating-label input:focus + label,
.floating-label input:not(:placeholder-shown) + label {
  transform: translateY(-1.7rem) scale(0.82);
  opacity: 0.9;
}

.tab-content {
  display: none;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 260ms ease-out, transform 260ms ease-out;
}

.tab-content.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}