Issues with index.html, styles.css and script.js

[Bhagy3sh]

The

element does not have a proper action attribute, which may cause issues when submitting payment information.
Input fields for the card number are not correctly grouped under a single label, creating accessibility issues for screen readers.
The placeholders for the card number inputs show "XXXX," which may mislead users into thinking they should only enter four digits instead of four groups of four digits. The card expiration month index calculation does not correctly account for zero-based indexing in the array, potentially leading to incorrect expiration dates.
There is a duplicated event handler for the #card-holder input field, which can lead to unnecessary processing and potential bugs.
The commented-out function getCreditCardType() is not utilized, leaving its intended use unclear, and #card-ccv does not exist in the HTML. The .btn class has an incomplete &::after pseudo-element definition, which may cause layout issues.
The styling for the .form fieldset does not provide a visible focus outline for accessibility, making it difficult for keyboard users to navigate.
The CSS uses SCSS syntax but may be incorrectly interpreted by the browser as plain CSS, potentially causing styles not to apply as expected.