.container {
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
            font-family: Arial, sans-serif;
        }
        .form-group {
            margin-bottom: 20px;
            position: relative;
            width: 100%;
            clear: both; /* Added to ensure proper spacing */
        }
        label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
            color: #333;
        }
        input[type="text"], 
        select, 
        textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
            box-sizing: border-box; /* Added to include padding in width calculation */
        }
        select {
            background-color: white;
            cursor: pointer;
            height: auto;
            max-height: none;
            padding-right: 24px;
        }
        select option {
            padding: 10px;
            font-size: 16px;
        }
        textarea {
            height: 100px;
            resize: vertical;
            margin-bottom: 20px; /* Added spacing before button */
        }
        /* Button container */
        .button-container {
            width: 100%;
            clear: both;
            margin-top: 20px; /* Added top margin */
        }
        button {
            background-color: #4285f4; /* Changed to match your blue color */
            color: white;
            padding: 12px 24px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            width: 100%;
            font-size: 16px;
            display: block; /* Ensures block-level display */
            margin: 0 auto; /* Centers the button */
        }
        button:hover {
            background-color: #357abd;
        }
        #result {
            margin-top: 20px;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 4px;
            background-color: #f9f9f9;
            white-space: pre-wrap;
            clear: both; /* Ensures it appears below all elements */
        }
        .loading {
            display: none;
            text-align: center;
            margin: 20px 0;
            clear: both;
        }
        /* Form styling */
        form {
            width: 100%;
            display: block;
            margin-bottom: 20px;
        }
        @media (max-width: 600px) {
            .container {
                padding: 10px;
            }
            button {
                width: 100%; /* Full width on mobile */
            }
        }