/* Show modal and hide everything else when JS is off */ body *:not(#noscript-modal):not(#noscript-modal *) { display: none !important; } /* Fullscreen white background */ #noscript-modal { display: flex !important; align-items: center; /* vertical center */ justify-content: center; /* horizontal center */ min-height: 100vh; width: 100%; background: #ffffff; /* white background */ color: #333; text-align: center; padding: 2rem; box-sizing: border-box; } /* Card styling */ #noscript-modal .content { background: #ffffff; border-radius: 10px; padding: 2rem; max-width: 400px; width: 100%; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } #noscript-modal img { max-width: 120px; margin-bottom: 1rem; } #noscript-modal h2 { margin-bottom: 0.5rem; font-size: 1.5rem; color: #d9534f; } #noscript-modal p { font-size: 1rem; line-height: 1.4; }