body {
            background: #0a0a0a;
            color: #fff;
            min-height: 100vh;
            font-family: 'Salsa', cursive, sans-serif; /* Ensure 'Salsa' is loaded or fallback provided */
        }
        .mainContainer {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            background: transparent;
            padding: 20px; /* Add some padding for smaller screens */
            box-sizing: border-box; /* Include padding in element's total width and height */
        }
        .error-logo {
            width: 80px;
            height: 80px;
            background: url('https://firebasestorage.googleapis.com/v0/b/videolize-3563f.appspot.com/o/website%20logo.png?alt=media&token=e3409e2d-d827-430d-b0b8-1345567525d5') no-repeat center/cover;
            border-radius: 50%;
            margin-bottom: 24px;
            box-shadow: 0 0 32px 0 #d62929a0;
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { box-shadow: 0 0 32px 0 #d62929a0; }
            50% { box-shadow: 0 0 64px 8px #d62929a0; }
            100% { box-shadow: 0 0 32px 0 #d62929a0; }
        }
        .error-heading {
            font-size: 4rem;
            font-weight: bold;
            margin-bottom: 8px;
            color: #d62929;
            text-shadow: 0 2px 16px #d6292970;
            letter-spacing: 2px;
            text-align: center; /* Center align on smaller screens */
        }
        .error-subheading {
            font-size: 1.5rem;
            margin-bottom: 32px;
            color: #fff;
            opacity: 0.85;
            text-align: center; /* Center align on smaller screens */
        }
        .error-desc {
            font-size: 1.1rem;
            color: #f5f5f5;
            margin-bottom: 40px;
            text-align: center;
            max-width: 600px;
            padding: 0 15px; /* Add horizontal padding */
        }
        .back-home-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: #d62929;
            color: #fff;
            font-size: 1.1rem;
            padding: 12px 32px;
            border-radius: 30px;
            border: none;
            cursor: pointer;
            box-shadow: 0 2px 16px #d6292970;
            transition: background 0.2s, transform 0.2s;
            text-decoration: none;
            white-space: nowrap; /* Prevent button text from wrapping */
        }
        .back-home-btn:hover {
            background: #a31b1b;
            transform: translateY(-2px) scale(1.04);
        }
        .planetContainer {
            margin: 48px 0 0 0;
            opacity: 0.7;
            pointer-events: none;
        }
        /* Make sure 'Salsa' font is loaded if used */
        @import url('https://fonts.googleapis.com/css2?family=Salsa&display=swap');

        @media (max-width: 600px) {
            .error-heading { font-size: 2.5rem; }
            .error-subheading { font-size: 1.1rem; }
            .error-desc { font-size: 1rem; }
            .back-home-btn { font-size: 1rem; padding: 10px 25px; }
        }