body > *:not(noscript) { pointer-events: none !important; } .noscript-overlay { display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 999999; justify-content: center; align-items: center; color: white; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; text-align: center; padding: 20px; overflow: auto; pointer-events: auto !important; } .noscript-content { max-width: 500px; background: rgba(255, 255, 255, 0.1); padding: 2.5rem; border-radius: 24px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); margin: auto; border: 1px solid rgba(255, 255, 255, 0.1); animation: slideUp 0.6s ease-out; position: relative; } @keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .noscript-content h2 { margin: 0 0 1.5rem 0; font-size: 1.8rem; font-weight: 700; background: linear-gradient(45deg, #fff, #e6e6e6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .noscript-content p { margin: 0 0 1.5rem 0; line-height: 1.6; font-size: 1.1rem; opacity: 0.9; } .enable-js-button { color: white; text-decoration: none; background: rgba(255, 255, 255, 0.1); padding: 0.8rem 1.5rem; border-radius: 12px; display: inline-block; transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.1); cursor: pointer; pointer-events: auto !important; } .enable-js-button:hover { background: rgba(255, 255, 255, 0.2); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .powered-by { position: fixed; bottom: 1.5rem; left: 0; width: 100%; text-align: center; font-size: 0.875rem; opacity: 0.5; transition: opacity 0.3s ease; pointer-events: auto !important; } .powered-by a { color: white; text-decoration: none; transition: opacity 0.3s ease; cursor: pointer; pointer-events: auto !important; } .powered-by:hover { opacity: 1; }