/* Container Styling */
        .loader-wrapper {
            background-color: #030303; 
            display: flex;
            justify-content: center;
            align-items: center;
            /* Idagdag ang mga sumusunod: */
            position: fixed; 
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100vh;
            /* -------------------------- */
            flex-direction: column;
            font-family: Arial, sans-serif;
            margin: 0;
            z-index: 9999999 !important; /* Ngayon tatalab na itong z-index sa nav mo na 9990 */
        }
        

        .loader-content {
            text-align: center;
        }

        /* SVG and Glow Styling */
        .satellite-svg {
            display: block;
            margin: 0 auto;
            /* Base glow for the whole SVG */
            filter: drop-shadow(0 0 5px rgba(0, 229, 255, 0.3));
        }

        .antenna-base {
            fill: #00e5ff;
            filter: drop-shadow(0 0 10px #00e5ff);
        }

        .antenna-line {
            stroke: #00e5ff;
            stroke-width: 6;
            stroke-linecap: round;
            filter: drop-shadow(0 0 8px #00e5ff);
        }

        /* Signal Animation Base */
        .signal {
            fill: none;
            stroke: #00e5ff;
            stroke-width: 6;
            stroke-linecap: round;
            opacity: 0;
            animation: radiate 2s infinite ease-in-out;
        }

        /* Delays for each wave to create an outward ripple effect */
        .s1 { animation-delay: 0s; }
        .s2 { animation-delay: 0.4s; }
        .s3 { animation-delay: 0.8s; }
        .s4 { animation-delay: 1.2s; }

        /* Keyframes for the pulsing glow and fade */
        @keyframes radiate {
            0% { 
                opacity: 0; 
                filter: drop-shadow(0 0 0px #00e5ff); 
            }
            50% { 
                opacity: 1; 
                filter: drop-shadow(0 0 15px #00e5ff); 
            }
            100% { 
                opacity: 0; 
                filter: drop-shadow(0 0 0px #00e5ff); 
            }
        }

        /* Text and Logo Styling */
        .loader-text {
            color: #00e5ff;
            letter-spacing: 3px;
            margin-top: 30px;
            font-weight: 600;
            font-size: 14px;
            animation: text-pulse 2s infinite ease-in-out;
        }

        @keyframes text-pulse {
            0%, 100% { opacity: 0.6; }
            50% { opacity: 1; text-shadow: 0 0 10px #00e5ff; }
        }

        .loader-logo {
            margin-top: 15px;
        }