Bad Request

Oops! Something went wrong.

Error message will be displayed here.

Error Code:

If the problem persists, please contact support.

body { font-family: 'Roboto', sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; background-color: #f9f9f9; color: #333; } .bad-request-container { background-color: #fff; border-radius: 12px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); padding: 40px; display: flex; align-items: center; max-width: 800px; width: 100%; text-align: left; } .icon { margin-right: 30px; color: #e74c3c; font-size: 48px; } .icon i { font-size: 60px; /* Increased icon size */ } .content h1 { color: #e74c3c; margin-top: 0; font-size: 2.2em; /* Slightly larger heading */ margin-bottom: 10px; } .error-message { color: #555; font-size: 1.1em; line-height: 1.6; margin-bottom: 20px; } .error-details { margin-bottom: 20px; } .error-code { font-size: 1em; color: #777; } #errorCodeValue { font-weight: 600; color: #555; margin-left: 5px; } .support-message { color: #777; font-size: 1em; } /* Media query for smaller screens */ @media (max-width: 768px) { .bad-request-container { flex-direction: column; text-align: center; padding: 30px; } .icon { margin-right: 0; margin-bottom: 20px; } .content h1 { font-size: 1.8em; /* Adjusted heading size for smaller screens */ } } document.addEventListener('DOMContentLoaded', () => { const urlParams = new URLSearchParams(window.location.search); const message = urlParams.get('message') || 'No error message provided.'; const code = urlParams.get('code') || '400'; document.getElementById('errorMessage').textContent = message; document.getElementById('errorCodeValue').textContent = code; });