/* =========================================
           CORE PREMIUM STYLING & VARIABLES
           ========================================= */
        :root {
            --primary: #00eaff; /* Default Cyber Cyan */
            --primary-glow: rgba(0, 234, 255, 0.4);
            --bg-dark: #070a13;
            --glass-bg: rgba(15, 23, 42, 0.55);
            --glass-border: rgba(255, 255, 255, 0.08);
        }

        body {
            font-family: 'Poppins', sans-serif;
            background-color: var(--bg-dark);
            color: #f1f5f9;
            overflow-x: hidden;
        }

        /* Dynamic Class Injections */
        .text-primary-custom { color: var(--primary) !important; }
        .bg-primary-custom { background-color: var(--primary) !important; }
        .border-primary-custom { border-color: var(--primary) !important; }
        
        /* Glassmorphic Base Design with Glow Hover */
        .glass-card {
            background: var(--glass-bg);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid var(--glass-border);
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease, border-color 0.3s ease;
        }
        .glass-card:hover {
            transform: translateY(-6px) scale(1.01);
            border-color: var(--primary);
            box-shadow: 0 10px 30px -10px var(--primary-glow);
        }

        /* Floating HTML Particles Background Effect */
        .particle-container {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; pointer-events: none;
        }
        .bubble {
            position: absolute; bottom: -20px; background: var(--primary); opacity: 0.15; rounded-radius: 50%; 
            animation: floatUp 12s infinite linear; border-radius: 50%; filter: blur(2px);
        }
        @keyframes floatUp {
            0% { transform: translateY(0) translateX(0); opacity: 0.15; }
            50% { transform: translateY(-50vh) translateX(30px); opacity: 0.3; }
            100% { transform: translateY(-105vh) translateX(-20px); opacity: 0; }
        }

        /* Sequential Loading Fade In Animation System */
        .reveal-node { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; }
        .reveal-node.show-node { opacity: 1; transform: translateY(0); }

        /* Typing cursor */
        .typing-cursor::after { content: '|'; animation: blink 0.75s step-end infinite; color: var(--primary); }
        @keyframes blink { 50% { opacity: 0; } }

        /* Preloader CSS */
        #site-loader {
            position: fixed; inset: 0; background: #070a13; z-index: 99999; display: flex;
            flex-direction: column; justify-content: center; align-items: center; transition: opacity 0.6s ease, visibility 0.6s ease;
        }
        #site-loader.fade-out { opacity: 0; visibility: hidden; }
        .spinner { width: 50px; height: 50px; border: 4px solid rgba(255,255,255,0.1); border-left-color: var(--primary); border-radius: 50%; animation: spin 1s linear infinite; }
        @keyframes spin { to { transform: rotate(360deg); } }
        
        /* Bounce */
        @keyframes socialBounce {

    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(.85);
    }
    60% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
    }
    .social-pop{
    animation:socialBounce .45s cubic-bezier(.34,1.56,.64,1);
    }
    
#redirect-overlay{
    position:fixed;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    background:rgba(0,0,0,.45);
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:999999;
}

#redirect-overlay.show{
    opacity:1;
    visibility:visible;
}

.redirect-box{
    width:320px;
    background:rgba(15,23,42,.8);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(25px);
    border-radius:30px;
    padding:35px;
    text-align:center;
    animation:popup .35s;
}

@keyframes popup{
    from{
        transform:scale(.7);
        opacity:0;
    }

    to{
        transform:scale(1);
        opacity:1;
    }
}

.redirect-logo{
    width:90px;
    height:90px;
    margin:auto;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(255,255,255,.05);
    border:2px solid var(--primary);
    box-shadow:0 0 25px var(--primary-glow);
    margin-bottom:20px;
    animation:pulseLogo 1.4s infinite;

}

@keyframes pulseLogo{
    50%{
        transform:scale(1.08);
    }
}

#redirect-icon{
    font-size:42px;
    color:var(--primary);
}

#redirect-title{
    font-size:22px;
    font-weight:700;
    margin-bottom:8px;
}

#redirect-message{
    color:#94a3b8;
    font-size:14px;
}

.loader-bar{
    margin-top:25px;
    width:100%;
    height:7px;
    background:#1e293b;
    border-radius:999px;
    overflow:hidden;
}

.loader-fill{
    width:0;
    height:100%;
    background:var(--primary);
}

@keyframes loading{
    from{
        width:0;
    }
    to{
        width:100%;
    }
}

#gh-graph-link{
    cursor:default;
    pointer-events:none;
}