/* Spinner styling */
    #spinner {
        display: none;
        border: 4px solid #f3f3f3; /* Light gray */
        border-top: 4px solid #FFA500; /* Orange color */
        border-radius: 50%;
        width: 30px;
        height: 30px;
        animation: spin 2s linear infinite;
        margin: 0 auto 30px; /* Add margin-bottom of 10px after spinner */
    }

    /* Spinner animation */
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

     /* Success message style */
    .success {
        color: white; /* White text for better contrast */
        background-color: #28a745; /* Green background */
        font-weight: bold;
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow */
        text-align: center; /* Center the text */
        font-size: 16px; /* Slightly larger text */
        margin: 10px 0; /* Margin around the message */
    }

    /* Error message style */
    .error {
        color: white;
        background-color: #dc3545; /* Red background */
        font-weight: bold;
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow */
        text-align: center;
        font-size: 16px;
        margin: 10px 0;
    }

    /* Message container for better visibility */
    #responseMessage {
        display: none; /* Hide until message is shown */
    }

    /* Submit button and spinner container */
    #submitButtonContainer {
        position: relative;
    }