/* Login Page Styles - Minimal custom CSS, mostly Tailwind */

/* Background Image Blur Effect */
.login-page__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
  }
  
  .login-page__bg-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(8px) brightness(0.85);
  }
  
  /* Input error state styling */
  input.error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
  }
  
  /* Responsive adjustments */
  @media (max-width: 640px) {
    .login-page__bg-image {
      filter: blur(6px) brightness(0.8);
    }
  }