/* Extracted from templates/fragments/contact.html */
.field-error {
      display: block;
      font-size: 0.72rem;
      color: #f87171;
      margin-top: 4px;
      min-height: 1em;
    }

    .form-error-banner {
      display: flex;
      align-items: center;
      gap: 10px;
      background: rgba(248, 113, 113, 0.1);
      border: 1px solid rgba(248, 113, 113, 0.3);
      border-radius: 10px;
      padding: 0.75rem 1rem;
      margin-bottom: 1.25rem;
      color: #fca5a5;
      font-size: 0.85rem;
    }

    .contact-success-msg {
      text-align: center;
      padding: 2rem 0;
    }

    @keyframes shake {
      0%, 100% {
        transform: translateX(0)
      }
      20% {
        transform: translateX(-5px)
      }
      60% {
        transform: translateX(5px)
      }
    }

    .input-error {
      border-color: #f87171 !important;
      animation: shake 0.35s ease;
    }