/* Shared Google sign-in treatment for login and registration. */
.auth-container .btn-google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  padding: 12px 18px;
  border: 1px solid rgba(173, 193, 214, 0.3);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)), rgba(18, 22, 28, 0.48);
  color: #edf3fa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.auth-container .btn-google:hover {
  background-color: rgba(37, 46, 58, 0.65);
  border-color: rgba(139, 205, 255, 0.65);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 16px rgba(0, 0, 0, 0.16);
}

.auth-container .btn-google:focus-visible {
  outline: 2px solid #8bcdff;
  outline-offset: 3px;
}

.auth-container .google-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

@media (prefers-reduced-motion: reduce) {
  .auth-container .btn-google { transition: none; }
}