@layer utilities {
  .content-auto {
    content-visibility: auto;
  }

  .card-hover {
    transition: all 0.3s ease;
  }

  .card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  }

  .bg-gradient-custom {
    background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
  }

  .form-section {
    display: none;
  }

  .form-section.active {
    display: block;
  }
}