.error-message {
    display: block;
    color: #ef4444;
    /* Red-500 */
    font-size: 12px;
    margin-top: 4px;
    min-height: 16px;
    /* Prevent layout jump */
    font-weight: 500;
}

.input-group input:invalid:not(:placeholder-shown) {
    border-bottom-color: #ef4444;
}

.input-group input:invalid:not(:placeholder-shown)~label {
    color: #ef4444;
}