update hover and focus style

[nielthiart]

No description provided.

[Copilot]

Pull Request Overview

This PR enhances interactive styling for .qr-code-link and removes legacy styles from cards, footer, and error messages.

• Added smooth box-shadow transitions for hover, active, and focus-visible states on .qr-code-link.
• Removed previous hover/focus/active shadow styles and transition from .card.
• Dropped the footer’s explicit font-size and the error message’s text-align.

Comments suppressed due to low confidence (3)

index.html:180

• [nitpick] The footer’s font size has been removed, which could lead to inconsistent typography. Verify that all footer text still matches the intended design scale.

        font-size: 0.875em;

index.html:190

• Removing text-align: center from .error-message changes its layout. Confirm whether error messages should remain centered to match the form layout.

        text-align: center;

index.html:96

• Removing the card’s transition and related hover/focus styles means users lose interactive feedback. If this was not intentional, restore these rules or migrate the interaction to a new component.

        transition: box-shadow 0.3s ease;

[Copilot]

Because the plain :focus rule comes later, it will override the :focus-visible box-shadow. Consider placing :focus-visible after :focus or increasing its specificity to ensure keyboard focus styling isn’t overridden.