/* Scoped snapshot of the shared MNDSET website styling. */
:where([data-mndset-shell]) {

    --bg-dark: #050505;

    --accent-cyan: #22d3ee;

    --accent-green: #4ade80;

    --text-main: #e2e8f0;

    --text-dim: #64748b;

    --border-dim: rgba(255, 255, 255, 0.08);

}



:where([data-mndset-shell]) * { box-sizing: border-box; }



:where([data-mndset-shell]),:where([data-mndset-shell]) {

    width: 100%;

    margin: 0;

    padding: 0;

    overflow-x: hidden;

    position: relative;

    scroll-behavior: smooth;

    background-color: var(--bg-dark);

}



:where([data-mndset-shell]) {

    background-color: var(--bg-dark);

    color: var(--text-main);

    background-image: 

        linear-gradient(rgba(34, 211, 238, 0.03) 1px, transparent 1px),

        linear-gradient(90deg, rgba(34, 211, 238, 0.03) 1px, transparent 1px);

    background-size: 50px 50px;

    font-family: 'Inter', sans-serif;

}



:where([data-mndset-shell]) .mono { font-family: 'JetBrains Mono', monospace; }



/* --- NAVBAR --- */

:where([data-mndset-shell]) .navbar {

    position: fixed;

    top: 0; width: 100%;

    z-index: 1000;

    padding: 25px 0;

    background: rgba(5, 5, 5, 0.4);

    backdrop-filter: blur(10px);

    border-bottom: 1px solid var(--border-dim);

    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}



:where([data-mndset-shell]) .nav-scrolled {

    padding: 12px 0;

    background: rgba(5, 5, 5, 0.95);

    border-bottom: 1px solid var(--accent-cyan);

    box-shadow: 0 0 20px rgba(34, 211, 238, 0.2);

}



:where([data-mndset-shell]) .nav-container {
    display: flex;
    align-items: center; 
    justify-content: space-between; 
    height: 30px; /* Forceert de hoogte voor uitlijning */
    padding: 0 60px; 
    max-width: 100%;
    box-sizing: border-box;
}




:where([data-mndset-shell]) .brand-interface { display: flex; align-items: center; text-decoration: none; gap: 15px; flex-shrink: 0; }



:where([data-mndset-shell]) .logo-wrapper {

    position: relative; 

    width: 45px; height: 45px;

    background: rgba(34, 211, 238, 0.1); 

    border: 1px solid var(--accent-cyan);

    border-radius: 8px; display: flex; align-items: center; justify-content: center; overflow: hidden;

    box-shadow: 0 0 15px rgba(34, 211, 238, 0.3);

    transition: 0.5s ease;

}



:where([data-mndset-shell]) .brand-interface:hover .logo-wrapper {

    box-shadow: 0 0 25px rgba(34, 211, 238, 0.6);

    transform: scale(1.05);

}



:where([data-mndset-shell]) .neural-logo { width: 28px; filter: drop-shadow(0 0 5px rgba(34, 211, 238, 0.8)); transition: transform 0.5s ease; }



:where([data-mndset-shell]) .logo-scanline {

    position: absolute; top: -100%; left: 0; width: 100%; height: 100%;

    background: linear-gradient(to bottom, transparent, rgba(34, 211, 238, 0.3), transparent);

    animation: scan-anim 3s infinite linear;

}



@keyframes scan-anim { 0% { top: -100%; } 100% { top: 100%; } }



:where([data-mndset-shell]) .brand-main { font-weight: 800; font-size: 1.4rem; letter-spacing: -0.5px; color: #fff; line-height: 1; }

:where([data-mndset-shell]) .brand-sub { color: var(--accent-cyan); font-weight: 300; }

:where([data-mndset-shell]) .brand-tagline { font-size: 9px; color: var(--text-dim); letter-spacing: 2px; margin-top: 4px; text-transform: uppercase; }



:where([data-mndset-shell]) .nav-system-meta {

    display: flex; gap: 20px; font-size: 10px;

    border-left: 1px solid rgba(255,255,255,0.1);

    padding-left: 20px; margin-left: 20px; flex-shrink: 0;

}



:where([data-mndset-shell]) .nav-socials {

    display: flex; gap: 20px; margin-left: auto; 

    margin-right: 30px; padding-right: 30px;

    border-right: 1px solid var(--border-dim);

}



:where([data-mndset-shell]) .nav-socials a {

    color: var(--text-dim); font-size: 16px;

    transition: 0.3s; display: flex; align-items: center; text-decoration: none;

}



:where([data-mndset-shell]) .nav-socials a:hover {

    color: var(--accent-cyan);

    transform: translateY(-2px);

    filter: drop-shadow(0 0 8px var(--accent-cyan));

}



:where([data-mndset-shell]) .nav-menu { 
    display: flex; 
    list-style: none; 
    gap: 35px; 
    align-items: center; 
    margin: 0; 
    padding: 0; 
    height: 100%;
}

:where([data-mndset-shell]) .nav-link { 
    text-decoration: none; 
    color: var(--text-dim); 
    font-size: 11px; 
    letter-spacing: 1.5px; 
    transition: 0.3s; 
    display: flex; /* Maakt verticale uitlijning mogelijk */
    align-items: center;
    height: 100%;
}



:where([data-mndset-shell]) .nav-link:hover { color: #fff; text-shadow: 0 0 8px var(--accent-cyan); }


/* ==========================================================================
   SIDEBAR MENU ICONS - COLORFUL WEB3 REDESIGN
   ========================================================================== */

/* Basis styling voor de sidebar icoontjes overschrijven */
:where([data-mndset-shell]) .nav-menu-sidebar a i {
    width: 25px; /* Vaste breedte zorgt dat de tekst perfect onder elkaar uitlijnt */
    text-align: center;
    font-size: 16px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.3s ease;
}

/* Laat het icoontje 'poppen' als de gebruiker over de link scrolt/tapt */
:where([data-mndset-shell]) .nav-menu-sidebar a:hover i {
    transform: scale(1.3);
}

/* 1. Cyber Cyan (Voor techniek) */
:where([data-mndset-shell]) .icon-sb-cyan { 
    background-image: linear-gradient(45deg, #00f2ff, #0073ff); 
    filter: drop-shadow(0 0 5px rgba(0, 242, 255, 0.4)); 
}

/* 2. Solana Green (Voor tools en opbrengst) */
:where([data-mndset-shell]) .icon-sb-green { 
    background-image: linear-gradient(45deg, #14F195, #10b981); 
    filter: drop-shadow(0 0 5px rgba(20, 241, 149, 0.4)); 
}

/* 3. Neon Pink (Voor events en community) */
:where([data-mndset-shell]) .icon-sb-pink { 
    background-image: linear-gradient(45deg, #ff2a85, #9945FF); 
    filter: drop-shadow(0 0 5px rgba(255, 42, 133, 0.4)); 
}

/* 4. Token Gold (Voor economie en roadmap) */
:where([data-mndset-shell]) .icon-sb-gold { 
    background-image: linear-gradient(45deg, #ffbd2e, #f97316); 
    filter: drop-shadow(0 0 5px rgba(255, 189, 46, 0.4)); 
}

/* 5. Deep Purple (Voor informatie en team) */
:where([data-mndset-shell]) .icon-sb-purple { 
    background-image: linear-gradient(45deg, #9945FF, #7000ff); 
    filter: drop-shadow(0 0 5px rgba(153, 69, 255, 0.4)); 
}





/* --- BUTTON STYLES (GLOWING) --- */

:where([data-mndset-shell]) .launch-btn {

    border: 1px solid var(--accent-cyan);

    color: var(--accent-cyan) !important;

    padding: 8px 18px; text-decoration: none; font-size: 11px;

    border-radius: 2px; transition: 0.3s;

    animation: pulse-glow 2s infinite;

}



:where([data-mndset-shell]) .launch-btn:hover {

    background: rgba(34, 211, 238, 0.1);

    box-shadow: 0 0 15px var(--accent-cyan);

}



:where([data-mndset-shell]) .btn-primary {

    background: var(--accent-cyan);

    color: #000 !important;

    padding: 16px 40px;

    text-decoration: none;

    font-family: 'JetBrains Mono';

    font-size: 12px;

    font-weight: 700;

    display: inline-block;

    min-width: 220px;

    box-shadow: 0 0 20px rgba(34, 211, 238, 0.4);

    transition: all 0.3s ease;

    border: none;

}



:where([data-mndset-shell]) .btn-primary:hover {

    box-shadow: 0 0 35px rgba(34, 211, 238, 0.7);

    transform: translateY(-3px);

}



:where([data-mndset-shell]) .btn-outline {

    border: 1px solid var(--text-dim);

    color: var(--text-main) !important;

    padding: 15px 35px;

    text-decoration: none;

    font-family: 'JetBrains Mono';

    font-size: 12px;

    display: inline-block;

    min-width: 220px;

    transition: all 0.3s ease;

    background: transparent;

}



:where([data-mndset-shell]) .btn-outline:hover {

    border-color: var(--accent-cyan);

    color: var(--accent-cyan) !important;

    box-shadow: 0 0 15px rgba(34, 211, 238, 0.2);

    transform: translateY(-3px);

}



/* --- HERO SECTION --- */

:where([data-mndset-shell]) .hero-section {

    position: relative;

    padding: 180px 0 100px;

    text-align: center;

    overflow: hidden;

    background: #000;

}



:where([data-mndset-shell]) .hero-bg-image {

    position: absolute;

    top: 0; left: 0; width: 100%; height: 140%;

    background: url('https://images.unsplash.com/photo-1639762681485-074b7f938ba0?q=80&w=2000') center/cover no-repeat;

    opacity: 0.25;

    z-index: 1;

}



:where([data-mndset-shell]) .hero-content { position: relative; z-index: 3; }



/* --- HERO BADGE & SCAN-LINE --- */

:where([data-mndset-shell]) .hero-badge {

    display: inline-block;

    border: 1px solid var(--accent-cyan);

    padding: 5px 15px;

    color: var(--accent-cyan);

    font-size: 10px;

    margin-bottom: 30px;

    position: relative;

    overflow: hidden;

    background: rgba(34, 211, 238, 0.05);

    letter-spacing: 2px;

    text-transform: uppercase;

    box-shadow: 0 0 15px rgba(34, 211, 238, 0.1);

}



:where([data-mndset-shell]) .scan-line {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 2px;

    background: var(--accent-cyan);

    opacity: 0.6;

    box-shadow: 0 0 10px var(--accent-cyan), 0 0 20px var(--accent-cyan);

    animation: scan-line-anim 3s linear infinite;

}



@keyframes scan-line-anim { 

    0% { top: -2px; opacity: 0; } 

    10% { opacity: 0.8; }

    90% { opacity: 0.8; }

    100% { top: 100%; opacity: 0; } 

}



:where([data-mndset-shell]) h1 { font-size: 4.5rem; line-height: 1.1; margin-bottom: 25px; text-transform: uppercase; font-weight: 800; }

:where([data-mndset-shell]) .cyan-text { color: var(--accent-cyan); text-shadow: 0 0 20px rgba(34, 211, 238, 0.4); }



:where([data-mndset-shell]) .cta-group { display: flex; justify-content: center; gap: 20px; margin-top: 30px; flex-wrap: wrap; }



:where([data-mndset-shell]) .section-wrapper { padding: 80px 0; border-bottom: 1px solid var(--border-dim); }



/* --- PROTOCOL --- */

:where([data-mndset-shell]) .protocol-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: center; }

:where([data-mndset-shell]) .p-card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }



:where([data-mndset-shell]) .p-card {

    background: rgba(255, 255, 255, 0.02);

    border: 1px solid var(--border-dim);

    padding: 30px; border-radius: 4px; transition: 0.3s;

}



:where([data-mndset-shell]) .p-card i {

    font-size: 28px; color: var(--accent-cyan);

    text-shadow: 0 0 10px rgba(34, 211, 238, 0.4);

    margin-bottom: 20px; display: block;

}



:where([data-mndset-shell]) .p-card:hover { border-color: var(--accent-cyan); transform: translateY(-5px); background: rgba(34, 211, 238, 0.05); }



/* --- SECURITY SECTION STYLING --- */

:where([data-mndset-shell]) .security-card {

    border: 1px solid var(--accent-green);

    background: rgba(74, 222, 128, 0.02);

    padding: 40px;

    border-radius: 4px;

    position: relative;

    overflow: hidden;

    transition: all 0.4s ease;

}



:where([data-mndset-shell]) .security-card:hover {

    box-shadow: 0 0 30px rgba(74, 222, 128, 0.1);

    background: rgba(74, 222, 128, 0.04);

}



:where([data-mndset-shell]) .security-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: 20px;

    margin-top: 30px;

}



:where([data-mndset-shell]) .security-item {

    padding: 20px;

    border-left: 2px solid var(--accent-green);

    background: rgba(74, 222, 128, 0.03);

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



:where([data-mndset-shell]) .security-item:hover {

    background: rgba(74, 222, 128, 0.1);

    transform: translateX(8px);

    box-shadow: 0 0 20px rgba(74, 222, 128, 0.15);

}



:where([data-mndset-shell]) .security-item .label {

    display: block;

    font-size: 9px;

    color: var(--text-dim);

    margin-bottom: 8px;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}



:where([data-mndset-shell]) .security-item .value {

    color: #fff;

    font-weight: 700;

    font-size: 14px;

    display: flex;

    align-items: center;

    gap: 12px;

}



:where([data-mndset-shell]) .security-item i {

    color: var(--accent-green);

    font-size: 16px;

    filter: drop-shadow(0 0 5px var(--accent-green));

}



:where([data-mndset-shell]) .security-card .scan-line {

    background: var(--accent-green);

    box-shadow: 0 0 10px var(--accent-green);

}



:where([data-mndset-shell]) .audit-footer {

    margin-top: 30px;

    font-size: 9px;

    opacity: 0.5;

    color: var(--text-main);

}



/* --- FAQ SECTION STYLING --- */

:where([data-mndset-shell]) .faq-accordion { max-width: 900px; margin: 0 auto; }



:where([data-mndset-shell]) .faq-item {

    margin-bottom: 15px;

    border: 1px solid var(--border-dim);

    background: rgba(255, 255, 255, 0.01);

    border-radius: 4px;

    overflow: hidden;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



:where([data-mndset-shell]) .faq-item:hover {

    border-color: rgba(34, 211, 238, 0.4);

    background: rgba(34, 211, 238, 0.02);

    box-shadow: 0 0 15px rgba(34, 211, 238, 0.05);

}



:where([data-mndset-shell]) .faq-question {

    padding: 22px;

    cursor: pointer;

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 13px;

    user-select: none;

    color: var(--text-main);

}



:where([data-mndset-shell]) .faq-num {

    color: var(--accent-cyan);

    margin-right: 20px;

    font-weight: 800;

    opacity: 0.7;

    text-shadow: 0 0 8px rgba(34, 211, 238, 0.4);

}



:where([data-mndset-shell]) .faq-icon {

    font-size: 12px;

    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    opacity: 0.5;

    color: var(--accent-cyan);

}



:where([data-mndset-shell]) .faq-item.faq-open {

    border-color: var(--accent-cyan);

    background: rgba(34, 211, 238, 0.04);

    box-shadow: 0 0 25px rgba(34, 211, 238, 0.1);

}



:where([data-mndset-shell]) .faq-item.faq-open .faq-question { color: var(--accent-cyan); }

:where([data-mndset-shell]) .faq-item.faq-open .faq-icon { transform: rotate(180deg); opacity: 1; filter: drop-shadow(0 0 5px var(--accent-cyan)); }



:where([data-mndset-shell]) .faq-answer {

    max-height: 0;

    overflow: hidden;

    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    background: rgba(34, 211, 238, 0.01);

}



:where([data-mndset-shell]) .faq-answer-inner {

    padding: 15px 25px 30px 75px;

    color: var(--text-dim);

    font-size: 14px;

    line-height: 1.8;

    border-top: 1px solid rgba(34, 211, 238, 0.05);

}



/* --- THE ARCHITECT SECTION --- */

:where([data-mndset-shell]) .architect-card {

    position: relative;

    background: rgba(255, 255, 255, 0.01) !important;

    border: 1px solid var(--border-dim) !important;

    backdrop-filter: blur(15px);

    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    overflow: hidden;

    z-index: 1;

}



:where([data-mndset-shell]) .architect-card:hover {

    border-color: var(--accent-cyan) !important;

    box-shadow: 0 0 40px rgba(34, 211, 238, 0.15);

    transform: translateY(-5px);

}



:where([data-mndset-shell]) .kyc-badge-container {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 8px 20px;

    background: rgba(74, 222, 128, 0.05);

    border: 1px solid rgba(74, 222, 128, 0.2);

    border-radius: 30px;

    color: var(--accent-green);

    font-size: 11px;

    margin-bottom: 30px;

    text-transform: uppercase;

}



:where([data-mndset-shell]) .kyc-pulse {

    width: 8px; height: 8px; background: var(--accent-green); border-radius: 50%; position: relative;

}



:where([data-mndset-shell]) .kyc-pulse::after {

    content: ''; position: absolute; inset: 0; border-radius: 50%;

    background: var(--accent-green); animation: kyc-pulse-anim 2s infinite;

}



@keyframes kyc-pulse-anim { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(3); opacity: 0; } }



:where([data-mndset-shell]) .profile-socials a {

    color: var(--text-dim); font-size: 22px; transition: all 0.4s ease; text-decoration: none; margin: 0 12px;

}



:where([data-mndset-shell]) .profile-socials a:hover {

    color: #fff !important;

    transform: translateY(-3px) scale(1.1);

    text-shadow: 0 0 10px var(--accent-cyan), 0 0 20px rgba(34, 211, 238, 0.6);

}



:where([data-mndset-shell]) .glitch-text { position: relative; display: inline-block; }

:where([data-mndset-shell]) .architect-card:hover .glitch-text { animation: text-glitch 0.3s cubic-bezier(.25, .46, .45, .94) both infinite; }



@keyframes text-glitch {

    0% { transform: translate(0); }

    20% { transform: translate(-1px, 1px); }

    40% { transform: translate(-1px, -1px); }

    60% { transform: translate(1px, 1px); }

    80% { transform: translate(1px, -1px); }

    100% { transform: translate(0); }

}



/* --- TERMINAL & ANIMATIONS --- */

:where([data-mndset-shell]) .system-terminal {

    position: fixed; bottom: 0; left: 0; width: 100%;

    background: rgba(5, 5, 5, 0.9); border-top: 1px solid var(--border-dim);

    padding: 8px 20px; z-index: 999; font-size: 9px;

}



@keyframes pulse-glow {

    0% { box-shadow: 0 0 5px rgba(34, 211, 238, 0.2); }

    50% { box-shadow: 0 0 15px rgba(34, 211, 238, 0.5); }

    100% { box-shadow: 0 0 5px rgba(34, 211, 238, 0.2); }

}



@media (max-width: 1300px) {
    /* 1. Verberg wat niet past */
    :where([data-mndset-shell]) .nav-socials,:where([data-mndset-shell]) .nav-system-meta,:where([data-mndset-shell]) .nav-mexc-uplink { 
        display: none !important; 
    }

    :where([data-mndset-shell]) .nav-container { 
        padding: 0 25px;
        justify-content: space-between; /* Houdt logo links en hamburger rechts */
    }

    /* 2. Maak van het 'blokje' een hamburger-icoon */
    :where([data-mndset-shell]) .menu-toggle { 
        display: flex !important; /* Flex zorgt dat streepjes onder elkaar staan */
        flex-direction: column;
        gap: 5px;
        cursor: pointer;
        z-index: 1100;
        margin-left: auto;
    }

    /* DIT IS WAT ER MISTE: De streepjes kleur en hoogte geven */
    :where([data-mndset-shell]) .menu-toggle .bar {
        display: block !important;
        width: 25px;
        height: 2px;
        background-color: var(--accent-cyan) !important;
        box-shadow: 0 0 8px var(--accent-cyan);
    }

    /* 3. Het menu zelf (jouw code) */
    :where([data-mndset-shell]) .nav-menu {
        position: fixed; 
        top: 0; 
        right: -100%; 
        width: 75%; 
        height: 100vh;
        background: rgba(5, 5, 5, 0.98); 
        backdrop-filter: blur(20px);
        flex-direction: column; 
        justify-content: center;
        transition: 0.5s; 
        z-index: 1000; 
        gap: 40px;
        display: flex !important; /* Zorg dat het menu een flex-container is */
    }

    /* Als je op de hamburger klikt en JS de class 'active' toevoegt */
    :where([data-mndset-shell]) .nav-menu.active { 
        right: 0; 
    }

    :where([data-mndset-shell]) h1 { font-size: 2.5rem !important; }
    :where([data-mndset-shell]) .protocol-grid,:where([data-mndset-shell]) .p-card-grid { grid-template-columns: 1fr; }
}
    :where([data-mndset-shell]) .nav-menu.active { right: 0; }







:where([data-mndset-shell]) .menu-toggle { 

    display: none; 

    cursor: pointer; 

    font-size: 22px; 

    color: #fff; 

    transition: 0.3s;

}



:where([data-mndset-shell]) .menu-toggle:hover {

    color: var(--accent-cyan);

    text-shadow: 0 0 10px var(--accent-cyan);

}





/* --- SYSTEM TERMINAL STYLING --- */



:where([data-mndset-shell]) .system-terminal {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    background: rgba(5, 5, 5, 0.9) !important; /* Donkere semi-transparante achtergrond */

    backdrop-filter: blur(10px); /* Blur effect voor over de content */

    border-top: 1px solid var(--accent-cyan); /* Cyan lijn aan de bovenkant */

    padding: 10px 25px;

    z-index: 10000; /* Zorgt dat hij altijd bovenop ligt */

    height: 35px;

    display: flex;

    align-items: center;

    box-shadow: 0 -5px 20px rgba(34, 211, 238, 0.1);

}



:where([data-mndset-shell]) #log-text {

    font-family: 'JetBrains Mono', monospace;

    font-size: 10px;

    color: var(--accent-cyan);

    letter-spacing: 1px;

    text-transform: uppercase;

    transition: opacity 0.5s ease-in-out;

    display: inline-block;

    width: 100%;

}



/* Subtiele animatie om de terminal een 'active' gevoel te geven */

:where([data-mndset-shell]) .system-terminal::before {

    content: '';

    width: 6px;

    height: 6px;

    background: var(--accent-cyan);

    border-radius: 50%;

    margin-right: 15px;

    display: inline-block;

    box-shadow: 0 0 8px var(--accent-cyan);

    animation: terminal-pulse 2s infinite;

}



@keyframes terminal-pulse {

    0% { opacity: 0.4; }

    50% { opacity: 1; }

    100% { opacity: 0.4; }

}



/* Ruimte maken onderaan de body zodat de terminal de content niet overlapt */

:where([data-mndset-shell]) {

    padding-bottom: 35px;

}



/* Verbergen op mobiel om schermruimte te besparen */

@media (max-width: 992px) {

    :where([data-mndset-shell]) .system-terminal {

        display: none !important;

    }

    :where([data-mndset-shell]) {

        padding-bottom: 0;

    }

}



/* --- UTILITY SECTION STYLING --- */



:where([data-mndset-shell]) .utility-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

    gap: 30px;

}



:where([data-mndset-shell]) .utility-card {

    border: 1px solid var(--border-dim);

    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;

    flex-direction: column;

    gap: 15px;

}



:where([data-mndset-shell]) .utility-card:hover {

    border-color: var(--accent-cyan);

    background: rgba(34, 211, 238, 0.03);

    box-shadow: 0 10px 30px rgba(34, 211, 238, 0.1);

}



:where([data-mndset-shell]) .utility-icon {

    font-size: 40px;

    color: var(--accent-cyan);

    margin-bottom: 10px;

    filter: drop-shadow(0 0 10px var(--accent-cyan));

}



:where([data-mndset-shell]) .utility-list {

    list-style: none;

    padding: 0;

    margin-top: auto;

    font-size: 11px;

}



:where([data-mndset-shell]) .utility-list li {

    margin-bottom: 8px;

    display: flex;

    align-items: center;

    gap: 10px;

    color: var(--text-dim);

}



:where([data-mndset-shell]) .utility-list li i {

    font-size: 10px;

    color: var(--accent-cyan);

}



:where([data-mndset-shell]) .utility-card h4 {

    font-size: 1.2rem;

    letter-spacing: 2px;

    margin: 0;

}



:where([data-mndset-shell]) .utility-card p {

    font-size: 14px;

    line-height: 1.6;

    color: var(--text-dim);

}



/* --- UTILITY & SCREENSHOT OVERLAY STYLING --- */



/* Klikbare features in de grid */

:where([data-mndset-shell]) .clickable-feature {

    cursor: pointer;

    position: relative;

    transition: all 0.3s ease;

}



:where([data-mndset-shell]) .clickable-feature:hover {

    transform: translateY(-5px) scale(1.02);

    border-color: var(--accent-cyan);

    box-shadow: 0 10px 30px rgba(34, 211, 238, 0.15);

}



/* De "[VIEW_INTERFACE]" tekst */

:where([data-mndset-shell]) .view-screenshot {

    font-size: 9px;

    color: var(--accent-cyan);

    margin-top: auto;

    padding-top: 15px;

    opacity: 0.7;

    letter-spacing: 1px;

}



:where([data-mndset-shell]) .clickable-feature:hover .view-screenshot {

    opacity: 1;

    text-shadow: 0 0 8px var(--accent-cyan);

}



/* --- THE OVERLAY (THE DARK BACKGROUND) --- */

/* --- SCREENSHOT OVERLAY ENHANCED --- */

:where([data-mndset-shell]) .screenshot-overlay {

    position: fixed;

    inset: 0;

    background: rgba(0, 0, 0, 0.92);

    backdrop-filter: blur(15px);

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 10001;

    opacity: 0;

    pointer-events: none;

    transition: opacity 0.4s ease;

    padding: 20px;

}



:where([data-mndset-shell]) .screenshot-overlay.active {

    opacity: 1;

    pointer-events: auto;

}



:where([data-mndset-shell]) .overlay-content {

    width: 100%;

    max-width: 500px; /* Perfect voor de staande screenshots */

    position: relative;

    transform: translateY(30px);

    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}



:where([data-mndset-shell]) .screenshot-overlay.active .overlay-content {

    transform: translateY(0);

}



:where([data-mndset-shell]) .overlay-window-header {

    background: #0a0a0a;

    border: 1px solid var(--border-dim);

    border-bottom: none;

    padding: 12px 20px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 10px;

    letter-spacing: 2px;

    border-radius: 8px 8px 0 0;

}



:where([data-mndset-shell]) .image-frame {

    position: relative;

    border: 1px solid var(--border-dim);

    border-radius: 0 0 8px 8px;

    overflow: hidden;

    box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 20px rgba(34, 211, 238, 0.1);

}



:where([data-mndset-shell]) #overlayImage {

    width: 100%;

    height: auto;

    max-height: 85vh; /* Zorgt dat het op elk scherm past */

    object-fit: contain;

    display: block;

}



:where([data-mndset-shell]) .frame-scanline {

    position: absolute;

    inset: 0;

    background: linear-gradient(to bottom, transparent, rgba(34, 211, 238, 0.05), transparent);

    background-size: 100% 4px;

    pointer-events: none;

    z-index: 2;

}



:where([data-mndset-shell]) .close-btn {

    background: none;

    border: none;

    color: var(--text-dim);

    cursor: pointer;

    font-size: 16px;

    transition: 0.3s;

}



:where([data-mndset-shell]) .close-btn:hover {

    color: var(--accent-cyan);

    transform: scale(1.2);

}



/* Hover effect op de kaarten zelf */

:where([data-mndset-shell]) .clickable-feature:hover .view-screenshot {

    color: var(--accent-cyan);

    text-shadow: 0 0 10px var(--accent-cyan);

}



/* Specifieke hover effecten per kaart type */



/* Mining Card Hover */

:where([data-mndset-shell]) .utility-card[data-screenshot*="mining"]:hover {

    border-color: var(--accent-cyan);

    background: rgba(34, 211, 238, 0.03);

    box-shadow: 0 10px 30px rgba(34, 211, 238, 0.1);

}



/* AI Agents Card Hover */

:where([data-mndset-shell]) .utility-card[data-screenshot*="ai_agents"]:hover {

    border-color: #a855f7;

    background: rgba(168, 85, 247, 0.03);

    box-shadow: 0 10px 30px rgba(168, 85, 247, 0.1);

}



/* Burn Card Hover */

:where([data-mndset-shell]) .utility-card[data-screenshot*="burn"]:hover {

    border-color: #f59e0b;

    background: rgba(245, 158, 11, 0.03);

    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.1);

}



/* Algemene icoon correctie */

:where([data-mndset-shell]) .utility-icon {

    font-size: 40px;

    margin-bottom: 15px;

    transition: transform 0.3s ease;

}



:where([data-mndset-shell]) .utility-card:hover .utility-icon {

    transform: scale(1.1);

}



/* --- TOKENOMICS & CA STYLING --- */



:where([data-mndset-shell]) .ca-container {

    margin: 30px auto 0;

    max-width: 450px;

}



:where([data-mndset-shell]) .ca-label {

    font-size: 9px;

    color: var(--text-dim);

    letter-spacing: 2px;

    display: block;

    margin-bottom: 10px;

}



:where([data-mndset-shell]) .ca-box {

    background: rgba(34, 211, 238, 0.05);

    border: 1px solid var(--border-dim);

    padding: 12px 20px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-radius: 4px;

    transition: 0.3s;

}



:where([data-mndset-shell]) .ca-box:hover {

    border-color: var(--accent-cyan);

    box-shadow: 0 0 15px rgba(34, 211, 238, 0.1);

}



:where([data-mndset-shell]) .ca-box span {

    font-size: 12px;

    color: var(--text-main);

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}



:where([data-mndset-shell]) .copy-ca-btn {

    background: transparent;

    border: none;

    color: var(--accent-cyan);

    cursor: pointer;

    font-size: 16px;

    margin-left: 15px;

}



/* Progress Bar Reset */

:where([data-mndset-shell]) .neural-progress-bar {

    height: 16px;

    background: rgba(255,255,255,0.03);

    border-radius: 8px;

    display: flex;

    overflow: hidden;

    border: 1px solid var(--border-dim);

}



:where([data-mndset-shell]) .progress-segment {

    height: 100%;

    transition: width 1s ease;

}



/* Grid layout */

:where([data-mndset-shell]) .token-stats-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));

    gap: 20px;

}



:where([data-mndset-shell]) .dot-pattern {

    margin-top: 15px;

    opacity: 0.2;

    height: 10px;

    background-image: radial-gradient(var(--text-dim) 1px, transparent 1px);

    background-size: 4px 4px;

}



/* --- NEURAL EVENT CENTER STYLING --- */



/* --- MNDSET AI DROPDOWN STYLE --- */



/* Zorg dat het menu-item de referentie is */

:where([data-mndset-shell]) .nav-menu .nav-item.dropdown {

    position: relative;

    display: flex;

    align-items: center;

}



/* De eigenlijke dropdown container */

:where([data-mndset-shell]) .nav-menu .dropdown-menu {

    position: absolute;

    top: calc(100% + 15px); /* Iets onder de navbar */

    left: 50%;

    transform: translateX(-50%) translateY(10px);

    background: rgba(5, 5, 5, 0.95);

    border: 1px solid var(--border-dim);

    min-width: 180px;

    padding: 10px 0;

    list-style: none;

    opacity: 0;

    pointer-events: none;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    box-shadow: 0 10px 30px rgba(0,0,0,0.8), 0 0 15px rgba(34, 211, 238, 0.1);

    z-index: 1000;

    border-radius: 2px;

    backdrop-filter: blur(10px);

}



/* De scanlijn bovenin de dropdown */

:where([data-mndset-shell]) .nav-menu .dropdown-menu::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: var(--accent-cyan);

    box-shadow: 0 0 10px var(--accent-cyan);

}



/* Zichtbaar maken bij hover */

:where([data-mndset-shell]) .nav-menu .nav-item.dropdown:hover .dropdown-menu {

    opacity: 1;

    pointer-events: auto;

    transform: translateX(-50%) translateY(0);

}



/* De links in de dropdown */

:where([data-mndset-shell]) .nav-menu .dropdown-menu li {

    width: 100%;

}



:where([data-mndset-shell]) .nav-menu .dropdown-menu li a {

    display: block;

    padding: 12px 20px;

    color: var(--text-dim) !important;

    font-size: 10px !important;

    text-decoration: none;

    letter-spacing: 2px;

    transition: all 0.3s;

    text-align: left;

    white-space: nowrap;

}



/* Hover effect voor dropdown items */

:where([data-mndset-shell]) .nav-menu .dropdown-menu li a:hover {

    color: var(--accent-cyan) !important;

    background: rgba(34, 211, 238, 0.05);

    padding-left: 25px;

}



/* Het pijltje naast EVENTS */

:where([data-mndset-shell]) .nav-link i {

    margin-left: 5px;

    transition: transform 0.3s;

}



:where([data-mndset-shell]) .nav-item.dropdown:hover .nav-link i {

    transform: rotate(180deg);

    color: var(--accent-cyan);

}



/* Mobile Fix: Zorg dat hij op mobiel niet zweeft maar inklapt */

@media (max-width: 992px) {

    :where([data-mndset-shell]) .nav-menu .dropdown-menu {

        position: static;

        transform: none;

        opacity: 1;

        pointer-events: auto;

        width: 100%;

        background: transparent;

        border: none;

        box-shadow: none;

        padding-left: 20px;

        display: none; /* Standaard uit op mobiel */

    }

    

    :where([data-mndset-shell]) .nav-menu .nav-item.dropdown.active .dropdown-menu {

        display: block;

    }

}

/* Event Pagina Layout */

:where([data-mndset-shell]) .event-hero {

    padding: 140px 0 80px;

    background: radial-gradient(circle at top, rgba(34,211,238,0.08) 0%, transparent 60%);

}



:where([data-mndset-shell]) .timer-box {

    font-size: clamp(2rem, 8vw, 3.5rem);

    font-weight: 800;

    font-family: 'JetBrains Mono', monospace;

    color: var(--accent-cyan);

    text-shadow: 0 0 25px rgba(34,211,238,0.4);

    margin: 25px 0;

}



:where([data-mndset-shell]) .mission-card {

    background: rgba(5, 5, 5, 0.6);

    backdrop-filter: blur(10px);

    border: 1px solid var(--border-dim);

    padding: clamp(20px, 5vw, 50px);

    border-radius: 4px;

    position: relative;

}



:where([data-mndset-shell]) .mission-card::after {

    content: '';

    position: absolute;

    top: -1px;

    left: 0;

    width: 100%;

    height: 1px;

    background: linear-gradient(90deg, transparent, var(--accent-cyan), transparent);

}



:where([data-mndset-shell]) .step-row {

    display: flex;

    gap: 15px;

    margin-bottom: 15px;

    align-items: flex-start;

}



:where([data-mndset-shell]) .step-num {

    color: var(--accent-cyan);

    font-weight: 700;

    min-width: 20px;

}



:where([data-mndset-shell]) .winner-badge {

    font-size: 9px;

    background: var(--accent-green);

    color: #000;

    padding: 2px 8px;

    display: inline-block;

    margin-bottom: 8px;

    font-weight: 800;

}



/* Hall of Fame Grid */

:where([data-mndset-shell]) .winners-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

    gap: 20px;

    margin-top: 40px;

}



@keyframes fadeIn {

    from { opacity: 0; transform: translateY(10px); }

    to { opacity: 1; transform: translateY(0); }

}



/* Forceer de dropdown naar de voorgrond */

:where([data-mndset-shell]) .nav-menu .dropdown-menu {

    z-index: 9999 !important;

    pointer-events: all !important;

}



/* Voorkom dat de main content de dropdown blokkeert */

:where([data-mndset-shell]) main {

    position: relative;

    z-index: 1;

}



:where([data-mndset-shell]) .navbar {

    z-index: 1000;

}



/* --- REFINED EVENT STYLING --- */

:where([data-mndset-shell]) .event-layout-grid {

    display: grid;

    grid-template-columns: 1.2fr 1fr;

    gap: 30px;

    margin-top: 30px;

}



:where([data-mndset-shell]) .protocol-box {

    background: rgba(34, 211, 238, 0.03);

    border: 1px solid rgba(34, 211, 238, 0.15);

    padding: 25px;

    border-radius: 4px;

}



:where([data-mndset-shell]) .protocol-content {

    font-size: 12px;

    line-height: 1.7;

    color: var(--text-main);

}



/* Subtielere input velden */

:where([data-mndset-shell]) .input-subtle {

    width: 100%;

    background: rgba(255, 255, 255, 0.03);

    border: 1px solid var(--border-dim);

    padding: 12px 15px;

    color: #fff;

    font-family: 'JetBrains Mono', monospace;

    font-size: 11px;

    outline: none;

    transition: 0.3s;

}



:where([data-mndset-shell]) .input-subtle:focus {

    border-color: var(--accent-cyan);

    background: rgba(34, 211, 238, 0.05);

}



:where([data-mndset-shell]) .mission-header {

    border-bottom: 1px solid var(--border-dim);

    padding-bottom: 20px;

    margin-bottom: 20px;

}



:where([data-mndset-shell]) .reward-tag {

    font-size: 10px;

    color: var(--accent-green);

    border: 1px solid var(--accent-green);

    padding: 4px 10px;

    letter-spacing: 1px;

}



@media (max-width: 992px) {

    :where([data-mndset-shell]) .event-layout-grid { grid-template-columns: 1fr; }

}



/* --- COMPACT NEURAL TIMER --- */

:where([data-mndset-shell]) .timer-compact {

    font-family: 'JetBrains Mono', monospace;

    display: flex;

    justify-content: center;

    gap: 15px;

    margin: 10px 0;

}



:where([data-mndset-shell]) .timer-unit {

    background: rgba(34, 211, 238, 0.05);

    border: 1px solid rgba(34, 211, 238, 0.2);

    padding: 5px 10px;

    border-radius: 2px;

    min-width: 60px;

}



:where([data-mndset-shell]) .timer-val {

    display: block;

    font-size: 1.5rem;

    color: var(--accent-cyan);

    font-weight: 800;

}



:where([data-mndset-shell]) .timer-label {

    display: block;

    font-size: 8px;

    color: var(--text-dim);

    text-transform: uppercase;

}



/* --- EVENT HEADER STYLE --- */

:where([data-mndset-shell]) .event-header-banner {

    width: 100%;

    max-width: 1000px;

    margin: 0 auto 20px;

    padding: 15px;

    background: linear-gradient(90deg, rgba(34,211,238,0.1) 0%, transparent 100%);

    border-left: 4px solid var(--accent-cyan);

    position: relative;

    overflow: hidden;

}



:where([data-mndset-shell]) .event-header-banner::after {

    content: '';

    position: absolute;

    top: 0; left: 0; width: 100%; height: 100%;

    background: linear-gradient(transparent, rgba(34,211,238,0.05), transparent);

    animation: header-scan 4s linear infinite;

}



@keyframes header-scan {

    0% { transform: translateY(-100%); }

    100% { transform: translateY(100%); }

}



/* --- WYSIWYG RESET (voor Quill content) --- */

:where([data-mndset-shell]) .protocol-content ul,:where([data-mndset-shell]) .protocol-content ol {

    padding-left: 20px;

    margin-bottom: 15px;

}

:where([data-mndset-shell]) .protocol-content strong {

    color: var(--accent-cyan);

}

:where([data-mndset-shell]) .protocol-content p {

    margin-bottom: 10px;

}



@keyframes blink {

    0%, 100% { opacity: 1; }

    50% { opacity: 0.3; }

}



:where([data-mndset-shell]) .p-card[style*="border-style: dashed"] {

    background: linear-gradient(135deg, rgba(0,0,0,0.4) 0%, rgba(34,211,238,0.02) 100%);

    transition: all 0.3s ease;

}



:where([data-mndset-shell]) .p-card[style*="border-style: dashed"]:hover {

    border-style: solid !important;

    border-color: rgba(34, 211, 238, 0.4) !important;

    transform: translateY(-2px);

}



/* Zorgt dat de inhoud uit de editor de juiste witruimte krijgt */

:where([data-mndset-shell]) .protocol-content {

    color: var(--text-main);

    font-family: 'JetBrains Mono', monospace;

    font-size: 13px;

    line-height: 1.6;

}



/* Zorgt voor witruimte tussen paragrafen */

:where([data-mndset-shell]) .protocol-content p {

    margin-bottom: 12px;

}



/* Zorgt dat lijstjes (bullets) netjes onder elkaar staan */

:where([data-mndset-shell]) .protocol-content ul,:where([data-mndset-shell]) .protocol-content ol {

    margin-bottom: 15px;

    padding-left: 20px;

    list-style-position: outside;

}



:where([data-mndset-shell]) .protocol-content li {

    margin-bottom: 5px;

}



/* Styling voor dikgedrukte tekst uit de editor */

:where([data-mndset-shell]) .protocol-content strong {

    color: var(--accent-cyan);

    font-weight: 800;

}



:where([data-mndset-shell]) .protocol-content {

    /* DIT IS DE KEY: herkent enters uit de database zelfs zonder <br> tags */

    white-space: pre-line !important; 

    

    color: var(--text-main);

    font-family: 'JetBrains Mono', monospace;

    font-size: 13px;

    line-height: 1.6;

    margin-bottom: 20px;

    display: block;

}



/* Zorg dat de Quill-tags (als ze er wel zijn) ook goed werken */

:where([data-mndset-shell]) .protocol-content p {

    margin: 0 0 10px 0;

}



/* --- NEURAL COLORS & ANIMATIONS --- */

:where([data-mndset-shell]) .gradient-text-neural {

    background: linear-gradient(90deg, #ff00ff, #00f2ff, #7000ff);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 800;

}



:where([data-mndset-shell]) .upcoming-card-neural {

    background: rgba(15, 10, 20, 0.8);

    border: 1px solid rgba(255, 255, 255, 0.05);

    padding: 30px;

    position: relative;

    overflow: hidden;

    transition: all 0.5s ease;

    backdrop-filter: blur(15px);

    border-radius: 4px;

}



/* Glow Variants */

:where([data-mndset-shell]) .glow-magenta:hover { border-color: #ff00ff; box-shadow: 0 0 30px rgba(255, 0, 255, 0.2); }

:where([data-mndset-shell]) .glow-magenta .date-text,:where([data-mndset-shell]) .glow-magenta .mission-title { color: #ff00ff; }



:where([data-mndset-shell]) .glow-cyan:hover { border-color: #00f2ff; box-shadow: 0 0 30px rgba(0, 242, 255, 0.2); }

:where([data-mndset-shell]) .glow-cyan .date-text,:where([data-mndset-shell]) .glow-cyan .mission-title { color: #00f2ff; }



:where([data-mndset-shell]) .glow-purple:hover { border-color: #7000ff; box-shadow: 0 0 30px rgba(112, 0, 255, 0.2); }

:where([data-mndset-shell]) .glow-purple .date-text,:where([data-mndset-shell]) .glow-purple .mission-title { color: #7000ff; }



/* Inhoud styling */

:where([data-mndset-shell]) .upcoming-content-styled {

    font-size: 11px;

    color: #ccc;

    line-height: 1.6;

    white-space: pre-line;

    max-height: 100px;

    overflow: hidden;

    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);

    margin-bottom: 20px;

}



:where([data-mndset-shell]) .encrypt-badge {

    font-size: 8px;

    background: rgba(255, 255, 255, 0.05);

    padding: 2px 8px;

    border: 1px solid rgba(255, 255, 255, 0.1);

    color: #fff;

    letter-spacing: 1px;

}



:where([data-mndset-shell]) .access-status {

    font-size: 9px;

    color: #ff4444;

    letter-spacing: 1px;

    display: block;

    margin-bottom: 10px;

}



/* Progress bar effect onderin */

:where([data-mndset-shell]) .progress-mini {

    height: 2px;

    width: 100%;

    background: rgba(255,255,255,0.05);

}

:where([data-mndset-shell]) .progress-mini-bar {

    height: 100%;

    width: 35%;

    background: currentColor;

    animation: loading-bar 3s infinite alternate;

}



@keyframes loading-bar {

    0% { width: 10%; }

    100% { width: 60%; }

}



/* Scanline effect over de kaart */

:where([data-mndset-shell]) .card-scanline {

    position: absolute;

    inset: 0;

    background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.03), transparent);

    background-size: 100% 4px;

    pointer-events: none;

    animation: scanline-scroll 10s linear infinite;

}



@keyframes scanline-scroll {

    0% { background-position: 0 0; }

    100% { background-position: 0 100%; }

}



/* --- HALL OF FAME V2 REFINED --- */



/* Glitch Effect voor de titel */

:where([data-mndset-shell]) .glitch-text-simple {

    font-size: 1.8rem;

    letter-spacing: 8px;

    color: #fff;

    position: relative;

    animation: glitch-skew 4s infinite linear alternate-reverse;

}



@keyframes glitch-skew {

    0%, 100% { transform: skew(0deg); text-shadow: 2px 0 var(--accent-green); }

    20% { transform: skew(-1deg); text-shadow: -2px 0 #ff00ff; }

    40% { transform: skew(1deg); }

}



/* Podium Layout */

:where([data-mndset-shell]) .podium-layout {

    display: flex;

    justify-content: center;

    align-items: flex-end;

    gap: 15px;

    padding: 0 20px 20px;

    margin-top: 20px;

}



/* De Winnaar Kaart */

:where([data-mndset-shell]) .winner-card-neural {

    background: #0a0a0a;

    border: 1px solid rgba(74, 222, 128, 0.2);

    padding: 15px;

    position: relative;

    z-index: 2;

    transition: all 0.3s ease;

    box-shadow: 0 10px 30px rgba(0,0,0,0.5);

}



:where([data-mndset-shell]) .winner-card-neural:hover {

    border-color: var(--accent-green);

    transform: translateY(-5px);

    box-shadow: 0 0 20px rgba(74, 222, 128, 0.2);

}



/* Hoogte verschillen */

:where([data-mndset-shell]) .rank-1 .winner-card-neural { border-color: #ffd700; margin-bottom: 20px; }

:where([data-mndset-shell]) .rank-2 .winner-card-neural { border-color: #c0c0c0; }

:where([data-mndset-shell]) .rank-3 .winner-card-neural { border-color: #cd7f32; }



/* Rank Badge Neon */

:where([data-mndset-shell]) .rank-badge-neon {

    position: absolute;

    top: -10px; left: 10px;

    background: #000;

    border: 1px solid currentColor;

    padding: 2px 8px;

    font-size: 10px;

    font-family: monospace;

    color: inherit; /* Neemt kleur van rank over */

}



:where([data-mndset-shell]) .rank-1 { color: #ffd700; }

:where([data-mndset-shell]) .rank-2 { color: #c0c0c0; }

:where([data-mndset-shell]) .rank-3 { color: #cd7f32; }



/* Inhoud van de kaart */

:where([data-mndset-shell]) .handle-text { color: #fff; font-weight: bold; font-size: 13px; display: block; }

:where([data-mndset-shell]) .reward-val { color: var(--accent-green); font-size: 10px; font-weight: 800; display: block; margin-top: 2px; }



:where([data-mndset-shell]) .winner-content {

    font-size: 10px;

    color: #888;

    margin: 12px 0;

    line-height: 1.4;

    min-height: 42px;

}



:where([data-mndset-shell]) .mission-origin {

    font-size: 8px;

    color: #444;

    text-transform: uppercase;

}



/* Het Voetstuk (Slank en geanimeerd) */

:where([data-mndset-shell]) .podium-pillar-slim {

    width: 100%;

    height: 10px;

    background: var(--accent-green);

    opacity: 0.3;

    filter: blur(4px);

    animation: pillar-glow 2s infinite alternate;

}



@keyframes pillar-glow {

    from { opacity: 0.1; box-shadow: 0 0 5px var(--accent-green); }

    to { opacity: 0.5; box-shadow: 0 0 20px var(--accent-green); }

}



/* Rest-sectie grid */

:where([data-mndset-shell]) .mini-winner-uplink {

    background: rgba(255,255,255,0.02);

    border: 1px solid rgba(255,255,255,0.05);

    padding: 8px 12px;

    display: flex;

    justify-content: space-between;

    font-size: 10px;

}



/* --- NEURAL SIDEBAR MOBILE --- */

:where([data-mndset-shell]) #mobile-menu {

    cursor: pointer;

    display: none; /* Alleen tonen op mobiel via media query */

    flex-direction: column;

    gap: 5px;

    z-index: 1001;

    /* Wijziging: Iets van de kant af voor betere balans */

    margin-right: 15px; 

    padding: 10px 5px;

}



:where([data-mndset-shell]) #mobile-menu .bar {

    width: 25px;

    height: 2px;

    background-color: var(--accent-cyan);

    transition: 0.3s;

}



:where([data-mndset-shell]) .nav-sidebar {

    position: fixed;

    top: 0;

    right: -300px; /* Start buiten beeld */

    width: 280px;

    height: 100vh;

    background: rgba(5, 5, 5, 0.95);

    backdrop-filter: blur(15px);

    border-left: 1px solid rgba(34, 211, 238, 0.2);

    z-index: 2000;

    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);

    display: flex;

    flex-direction: column;

    padding: 30px 20px;

}



:where([data-mndset-shell]) .nav-sidebar.active {

    right: 0;

}



:where([data-mndset-shell]) .sidebar-overlay {

    position: fixed;

    top: 0; left: 0; width: 100%; height: 100%;

    background: rgba(0, 0, 0, 0.7);

    display: none;

    z-index: 1999;

}



:where([data-mndset-shell]) .sidebar-overlay.active {

    display: block;

}



/* Header & Close */

:where([data-mndset-shell]) .sidebar-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 30px;

}



:where([data-mndset-shell]) .close-sidebar {

    font-size: 30px;

    color: #fff;

    cursor: pointer;

}



/* Ad Banner inside Menu */

:where([data-mndset-shell]) .sidebar-ad {

    background: linear-gradient(45deg, rgba(34, 211, 238, 0.1), rgba(255, 0, 255, 0.05));

    border: 1px solid rgba(34, 211, 238, 0.2);

    padding: 15px;

    margin-bottom: 25px;

    border-radius: 4px;

}



:where([data-mndset-shell]) .ad-content span { display: block; font-size: 10px; color: var(--accent-cyan); }

:where([data-mndset-shell]) .ad-content small { font-size: 9px; color: #888; }



/* Menu Items met Icons */

:where([data-mndset-shell]) .nav-menu-sidebar {

    list-style: none;

    padding: 0;

}



:where([data-mndset-shell]) .nav-menu-sidebar li {

    margin-bottom: 20px;

}



:where([data-mndset-shell]) .nav-menu-sidebar a {

    text-decoration: none;

    color: #fff;

    font-size: 14px;

    display: flex;

    align-items: center;

    gap: 15px;

    transition: 0.3s;

}



:where([data-mndset-shell]) .nav-menu-sidebar a i {

    color: var(--accent-cyan);

    width: 20px;

    text-align: center;

}



:where([data-mndset-shell]) .nav-menu-sidebar a:hover {

    color: var(--accent-cyan);

    padding-left: 10px;

}



:where([data-mndset-shell]) .launch-btn-sidebar {

    background: var(--accent-cyan);

    color: #000 !important;

    padding: 12px;

    text-align: center;

    font-weight: bold;

    border-radius: 2px;

    margin-top: 20px;

}



/* Media Query voor de toggle */

@media (max-width: 992px) {

    :where([data-mndset-shell]) #mobile-menu { 

        display: flex; 

    }

    

    :where([data-mndset-shell]) .nav-menu { 

        display: none; 

    } /* Verberg standaard menu */



    /* Wijziging: Container padding aanpassen zodat de menu-toggle niet tegen de schermrand plakt */

    :where([data-mndset-shell]) .nav-container {

        padding-right: 15px;

        padding-left: 15px;

    }

}



/* --- UTILITY OVERLAY OPTIMIZATION (Gecorrigeerd) --- */

:where([data-mndset-shell]) .screenshot-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.95);

    backdrop-filter: blur(15px);

    display: none; 

    justify-content: center;

    /* FIX 1: Begin bovenaan in plaats van in het midden */

    align-items: flex-start; 

    /* FIX 2: Ruimte voor de header (140px + 20px marge) */

    padding-top: 160px; 

    /* FIX 3: Forceer boven de navbar uit */

    z-index: 999999 !important; 

    opacity: 0;

    transition: opacity 0.3s ease;

    /* Zorg dat je kunt scrollen als de foto groot is op mobiel */

    overflow-y: auto; 

}



:where([data-mndset-shell]) .screenshot-overlay.active {

    display: flex;

    opacity: 1;

}



:where([data-mndset-shell]) .overlay-content {

    width: 80%;

    max-width: 500px; /* Optimalisatie voor staande mobiele schermen */

    position: relative;

    /* Kleine animatie voor het 'poppen' effect */

    animation: neuralPop 0.3s ease-out;

}



@keyframes neuralPop {

    from { transform: scale(0.95); opacity: 0; }

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

}



:where([data-mndset-shell]) .image-frame {

    border: 1px solid rgba(34, 211, 238, 0.3);

    background: #000;

    padding: 5px;

    position: relative;

    box-shadow: 0 0 30px rgba(0,0,0,0.5);

}



:where([data-mndset-shell]) #overlayImage {

    width: 100%;

    height: auto;

    display: block;

}



/* Mobiele optimalisatie */

@media (max-width: 768px) {

    :where([data-mndset-shell]) .screenshot-overlay {

        /* Iets minder padding op mobiel omdat de header daar vaak kleiner is of mee-scrolt */

        padding-top: 120px; 

    }



    :where([data-mndset-shell]) .overlay-content {

        width: 92%;

    }

    

    :where([data-mndset-shell]) .overlay-window-header {

        font-size: 10px;

        padding: 10px;

    }

}



/* --- MEXC SIDEBAR BANNER --- */

:where([data-mndset-shell]) .mexc-uplink {

    background: rgba(34, 211, 238, 0.03);

    border: 1px solid rgba(34, 211, 238, 0.2);

    position: relative;

    padding: 15px !important;

    margin-bottom: 30px;

    transition: 0.3s;

}



:where([data-mndset-shell]) .mexc-uplink:hover {

    border-color: var(--accent-cyan);

    background: rgba(34, 211, 238, 0.08);

}



:where([data-mndset-shell]) .mexc-logo {

    width: 18px;

    height: 18px;

    margin-right: 8px;

    filter: drop-shadow(0 0 5px var(--accent-cyan));

}



:where([data-mndset-shell]) .ad-header {

    margin-bottom: 12px;

    display: flex;

    justify-content: space-between;

}



:where([data-mndset-shell]) .ad-brand span {

    font-size: 9px;

    letter-spacing: 1px;

    color: var(--text-dim);

}



/* Info Trigger & Neural Popup */

:where([data-mndset-shell]) .info-trigger {

    position: relative;

    color: var(--accent-cyan);

    cursor: pointer;

    font-size: 14px;

}



:where([data-mndset-shell]) .neural-popup {

    position: absolute;

    top: 25px;

    right: 0;

    width: 220px;

    background: rgba(5, 5, 5, 0.98);

    border: 1px solid var(--accent-cyan);

    padding: 15px;

    font-size: 9px;

    line-height: 1.4;

    color: #ccc;

    z-index: 2100;

    backdrop-filter: blur(15px);

    box-shadow: 0 10px 30px rgba(0,0,0,0.8);

    display: none; /* Tonen via JS */

    animation: popupFade 0.3s ease-out;

}



:where([data-mndset-shell]) .popup-header {

    color: var(--accent-cyan);

    margin-bottom: 8px;

    border-bottom: 1px solid rgba(34, 211, 238, 0.2);

    padding-bottom: 5px;

}



/* Ad Body Content */

:where([data-mndset-shell]) .payout-text {

    font-size: 11px;

    color: #fff;

    margin-bottom: 8px;

    line-height: 1.3;

}



:where([data-mndset-shell]) .bonus-tag {

    background: rgba(74, 222, 128, 0.1);

    border: 1px solid var(--accent-green);

    color: var(--accent-green);

    font-size: 10px;

    padding: 4px 8px;

    display: inline-block;

    margin-bottom: 12px;

}



:where([data-mndset-shell]) .ad-footer {

    font-size: 9px;

    color: var(--accent-cyan);

    text-align: right;

    opacity: 0.7;

}



@keyframes popupFade {

    from { opacity: 0; transform: translateY(5px); }

    to { opacity: 1; transform: translateY(0); }

}



/* Zorg dat de popup op mobiel niet buiten het menu valt */

@media (max-width: 480px) {

    :where([data-mndset-shell]) .neural-popup {

        right: -10px;

        width: 180px;

    }

}



/* --- MEXC DESKTOP HEADER REFINED --- */

:where([data-mndset-shell]) ..nav-mexc-uplink {
    margin-left: 25px;
    padding-left: 25px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    display: flex;
    align-items: center;
    height: 40px; /* Matcht de visuele hoogte van andere meta-data */
}



:where([data-mndset-shell]) .mexc-header-link {

    display: flex;

    align-items: center;

    text-decoration: none;

    gap: 15px; /* Meer ruimte tussen logo en tekst */

    white-space: nowrap;

}



:where([data-mndset-shell]) .mexc-icon-small {

    /* Logo flink groter gemaakt voor impact */

    width: 70px; 

    height: 70px;

    filter: drop-shadow(0 0 8px var(--accent-cyan));

    transition: all 0.3s ease;

}



:where([data-mndset-shell]) .mexc-text-wrap {

    display: flex;

    flex-direction: column;

    justify-content: center;

}



:where([data-mndset-shell]) .mexc-title {

    font-size: 10px;

    color: var(--text-dim);

    letter-spacing: 1.5px;

    margin-bottom: 2px;

}



:where([data-mndset-shell]) .mexc-bonus {

    font-size: 13px; /* Groter en duidelijker */

    font-weight: 800;

    color: var(--accent-cyan);

    text-shadow: 0 0 10px rgba(34, 211, 238, 0.3);

}



/* --- INTEL TOOLTIP FIX --- */
:where([data-mndset-shell]) .mexc-intel-tooltip {
    position: absolute;
    /* 1. Plaats hem exact onder de link */
    top: 100%; 
    left: 0; 
    
    /* 2. Ruimte boven de box */
    margin-top: -5px;

    /* 3. Afmetingen */
    width: 350px; 
    background: rgba(5, 5, 5, 0.98);
    border: 1px solid var(--accent-cyan);
    padding: 15px;
    font-size: 10px;
    line-height: 1.5;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(15px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.8), inset 0 0 10px rgba(34, 211, 238, 0.1);
    z-index: 10002;
    
    /* 4. Tekstbehandeling */
    white-space: normal; 
    word-wrap: break-word;
}

/* Zorg dat de container de referentie is */
:where([data-mndset-shell]) .nav-mexc-uplink {
    position: relative; /* CRUCIAAL: de tooltip lijnt uit op deze box */
    display: flex;
    align-items: center;
}


:where([data-mndset-shell]) .nav-mexc-uplink:hover .mexc-intel-tooltip {

    opacity: 1;

    transform: translateY(0);

}



:where([data-mndset-shell]) .nav-mexc-uplink:hover .mexc-icon-small {

    transform: scale(1.15);

    filter: drop-shadow(0 0 15px var(--accent-cyan));

}

/* Footer Grid Main Styles */
:where([data-mndset-shell]) .neural-footer {
    padding: 60px 0 20px;
    background: #000;
    border-top: 1px solid #111;
}

:where([data-mndset-shell]) .footer-grid-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-bottom: 40px;
    text-align: center; /* Gecentreerd zoals gevraagd */
}

:where([data-mndset-shell]) .footer-column h4 {
    font-size: 12px;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

:where([data-mndset-shell]) .footer-links {
    list-style: none;
    padding: 0;
}

:where([data-mndset-shell]) .footer-links li {
    margin-bottom: 12px;
}

:where([data-mndset-shell]) .footer-links a {
    color: var(--text-dim);
    text-decoration: none;
    font-size: 11px;
    transition: 0.2s;
}

:where([data-mndset-shell]) .footer-links a:hover {
    color: var(--accent-cyan);
    padding-left: 5px;
}

/* Dropdown styling */
/* Verbeterde Dropdown Styling met kaders */
:where([data-mndset-shell]) .footer-sub-menu {
    display: none;
    list-style: none;
    padding: 10px;
    background: rgba(0, 242, 255, 0.02); /* Hele lichte cyan gloed */
    margin-top: 15px;
    border: 1px solid rgba(34, 211, 238, 0.2); /* De kader (cyan) */
    border-radius: 4px;
    text-align: left; /* Tekst links in het kader voor betere leesbaarheid */
    position: relative;
}

/* Pseudo-element voor een extra 'tech' hoekje (optioneel) */
:where([data-mndset-shell]) .footer-sub-menu::before {
    content: "[LINK_UPLINK]";
    position: absolute;
    top: -8px;
    left: 10px;
    background: #000;
    padding: 0 5px;
    font-size: 8px;
    color: var(--accent-cyan);
}

:where([data-mndset-shell]) .footer-sub-menu.active {
    display: block;
    animation: fadeInNeural 0.3s ease;
}

:where([data-mndset-shell]) .footer-sub-menu li {
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    padding-bottom: 5px;
}

:where([data-mndset-shell]) .footer-sub-menu li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

:where([data-mndset-shell]) .footer-sub-menu li a {
    display: block;
    padding: 5px;
    font-size: 10px !important;
    color: #fff !important;
    transition: all 0.2s ease;
}

:where([data-mndset-shell]) .footer-sub-menu li a:hover {
    background: rgba(34, 211, 238, 0.1);
    color: var(--accent-cyan) !important;
    padding-left: 10px;
}

/* Animatie voor het openen */
@keyframes fadeInNeural {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Bottom bar */
:where([data-mndset-shell]) .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid #111;
}

:where([data-mndset-shell]) .footer-brand-wrap { display: flex; align-items: center; gap: 15px; }
:where([data-mndset-shell]) .footer-brand-wrap p { font-size: 9px; color: var(--text-dim); margin: 0; }

@media (max-width: 768px) {
    :where([data-mndset-shell]) .footer-grid-main { grid-template-columns: 1fr; gap: 30px; }
    :where([data-mndset-shell]) .footer-bottom { flex-direction: column; gap: 15px; text-align: center; }
}


/* --- VERFIJNDE SCROLL NAVIGATIE --- */
:where([data-mndset-shell]) #scroll-nav {
    position: fixed;
    bottom: 100px; /* Hoger geplaatst om uit de buurt van de footer te blijven */
    right: 30px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 99999; /* Extreem hoog om boven alles te zweven */
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

:where([data-mndset-shell]) #scroll-nav.visible {
    opacity: 1;
    visibility: visible;
}

:where([data-mndset-shell]) #scroll-nav button {
    background: rgba(5, 5, 10, 0.8);
    border: 1px solid rgba(34, 211, 238, 0.3); /* Subtielere rand */
    color: var(--accent-cyan);
    width: 38px;  /* Kleiner formaat */
    height: 38px; /* Kleiner formaat */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    border-radius: 0; /* Strakke hoeken voor de tech-vibe */
    font-size: 12px;  /* Kleinere iconen */
}

:where([data-mndset-shell]) #scroll-nav button:hover {
    background: rgba(34, 211, 238, 0.1);
    border-color: var(--accent-cyan);
    color: #fff;
    box-shadow: 0 0 15px rgba(34, 211, 238, 0.3);
    transform: scale(1.05);
}

/* Verberg de onderste pijl als we al bijna onderaan zijn (optioneel voor 'mooier') */
:where([data-mndset-shell]) #scroll-nav button:last-child {
    border-top: none; /* Maakt de twee knoppen visueel één geheel */
}

@media (max-width: 992px) {
    :where([data-mndset-shell]) #scroll-nav { display: none; }
}

/* --- NEURAL PULSE TICKER --- */
:where([data-mndset-shell]) .neural-ticker-wrap {
    width: 100%;
    background: rgba(5, 5, 10, 0.8);
    border-top: 1px solid rgba(34, 211, 238, 0.1);
    border-bottom: 1px solid rgba(34, 211, 238, 0.1);
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 0;
    position: relative;
    backdrop-filter: blur(5px);
}

:where([data-mndset-shell]) .neural-ticker {
    display: inline-block;
    padding-left: 100%;
    animation: ticker-loop 40s linear infinite;
}

:where([data-mndset-shell]) .ticker-item {
    display: inline-block;
    padding: 0 40px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    color: var(--text-dim);
    letter-spacing: 1px;
}

:where([data-mndset-shell]) .ticker-item span {
    color: var(--accent-cyan);
    font-weight: bold;
}

:where([data-mndset-shell]) .ticker-item i {
    margin-right: 8px;
    font-size: 8px;
    vertical-align: middle;
}

@keyframes ticker-loop {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}

/* Subtiel gloei-effect op de tekst */
:where([data-mndset-shell]) .neural-ticker-wrap::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(90deg, #05050a 0%, transparent 5%, transparent 95%, #05050a 100%);
    pointer-events: none;
}


/* --- HERO VIDEO BACKGROUND --- */
:where([data-mndset-shell]) .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Zorgt dat de video de ruimte vult zonder vervorming */
    z-index: 0;        /* Houdt de video op de achtergrond */
    pointer-events: none; /* Voorkomt dat mobiele gebruikers per ongeluk de video pauzeren */
}

/* Zorg ervoor dat de hero-section relatief is gepositioneerd, 
   zodat de absolute video er netjes in blijft (waarschijnlijk staat dit al in je CSS) */
:where([data-mndset-shell]) .hero-section {
    position: relative;
    overflow: hidden;
}

/* Zorg dat de content en de overlay duidelijk boven de video blijven liggen */
:where([data-mndset-shell]) .hero-overlay,:where([data-mndset-shell]) .hero-content {
    position: relative;
    z-index: 1; 
}

/* --- FLOATING SOCIALS DESKTOP --- */
:where([data-mndset-shell]) .floating-socials {
    position: fixed;
    right: 20px; /* Verander naar left: 20px; als je hem links wilt hebben */
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    z-index: 100;
}

:where([data-mndset-shell]) .floating-socials a {
    color: var(--text-dim, #888);
    font-size: 16px;
    transition: all 0.3s ease;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(5px);
}

:where([data-mndset-shell]) .floating-socials a:hover {
    color: var(--accent-cyan, #00f2ff);
    border-color: var(--accent-cyan, #00f2ff);
    background: rgba(0, 242, 255, 0.05);
    transform: scale(1.1);
    box-shadow: 0 0 10px rgba(0, 242, 255, 0.2);
}

:where([data-mndset-shell]) .floating-socials .social-line {
    width: 1px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   HERO SECTION - COMPACT, STABLE & MEGA PROFESSIONAL
   ========================================================================== */

:where([data-mndset-shell]) .hero-section {
    position: relative;
    width: 100%;
    /* Desktop hoogte: compact maar impactvol */
    height: 60vh;
    max-height: 550px; 
    
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding-top: 80px; /* Ruimte voor navbar */
    background-color: #000;
}

/* FIX: DEZE VIDEO BLIJFT OP DESKTOP ROTSTVAST STAAN */
:where([data-mndset-shell]) .hero-bg-video {
    position: absolute;
    /* Pinnen we strikt aan de hoeken */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Zorgt dat video perfect vult zonder crop en Snapping */
    object-fit: cover; 
    
    /* Geen complexe transforms nodig, dit voorkomt het verspringen */
    transform: none; 
    -webkit-transform: none;
    
    z-index: 0;
    pointer-events: none; /* Voorkomt pauses bij klikken op content */
}

/* Subtiele donkere laag zodat je knoppen/tekst altijd leesbaar zijn over de video heen */
:where([data-mndset-shell]) .hero-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.6) 100%);
    z-index: 1;
    pointer-events: none;
}

:where([data-mndset-shell]) .hero-content {
    position: relative;
    z-index: 10;
    text-align: center;
    max-width: 800px;
    padding: 20px;
    width: 100%;
}

/* --- TYPOGRAFIE --- */
:where([data-mndset-shell]) .hero-badge {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(20, 241, 149, 0.3);
    padding: 6px 15px;
    border-radius: 50px;
    display: inline-block;
    color: #14F195;
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 25px;
}

:where([data-mndset-shell]) .hero-title {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    line-height: 1.1;
    color: #fff;
    margin-bottom: 25px;
    letter-spacing: -1px;
}

:where([data-mndset-shell]) .solana-gradient {
    background: linear-gradient(90deg, #14F195 0%, #9945FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

:where([data-mndset-shell]) .hero-description {
    font-family: 'Inter', sans-serif;
    color: #aaa;
    font-size: clamp(1rem, 2vw, 1.2rem);
    margin-bottom: 40px;
    line-height: 1.6;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* ==========================================================================
   HERO BUTTONS - HIGH-END WEB3 / NEURAL DESIGN
   ========================================================================== */

:where([data-mndset-shell]) .cta-group {
    display: flex;
    gap: 20px; /* Iets meer ademruimte tussen de knoppen */
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 15px;
}

/* Basis voor beide premium knoppen */
:where([data-mndset-shell]) .btn-neural-primary,:where([data-mndset-shell]) .btn-neural-secondary {
    position: relative;
    padding: 16px 36px;
    font-family: 'JetBrains Mono', monospace;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1.5px;
    text-decoration: none;
    border-radius: 6px; /* Iets minder rond voor die strakke tech-look */
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    z-index: 1;
}

/* --- DE PRIMARY BUTTON (INITIALIZE DAPP) --- */
:where([data-mndset-shell]) .btn-neural-primary {
    /* Solana Groen naar Cyan Gradient */
    background: linear-gradient(90deg, #14F195, #00f2ff); 
    color: #000 !important;
    border: none;
    /* De inset shadow zorgt voor een 'premium 3D' randje bovenop de knop */
    box-shadow: 
        0 4px 15px rgba(20, 241, 149, 0.2), 
        inset 0 2px 0 rgba(255, 255, 255, 0.4); 
}

/* De 'Light Sweep' animatie (witte flits die over de knop glijdt bij hover) */
:where([data-mndset-shell]) .btn-neural-primary::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transform: skewX(-20deg);
    z-index: -1;
    transition: none;
}

:where([data-mndset-shell]) .btn-neural-primary:hover {
    transform: translateY(-4px);
    box-shadow: 
        0 15px 30px rgba(20, 241, 149, 0.4), 
        inset 0 2px 0 rgba(255, 255, 255, 0.6);
}

:where([data-mndset-shell]) .btn-neural-primary:hover::after {
    left: 200%;
    transition: left 0.6s ease-in-out;
}


/* --- DE SECONDARY BUTTON (DISCOVER PROTOCOL) --- */
:where([data-mndset-shell]) .btn-neural-secondary {
    background: rgba(255, 255, 255, 0.02); /* Bijna onzichtbaar glas */
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: inset 0 0 0 1px transparent;
}

:where([data-mndset-shell]) .btn-neural-secondary:hover {
    /* Bij hover licht hij subtiel Solana-groen op */
    background: rgba(20, 241, 149, 0.05);
    border-color: rgba(20, 241, 149, 0.5);
    color: #14F195 !important;
    transform: translateY(-4px);
    box-shadow: 
        0 10px 30px rgba(20, 241, 149, 0.1), 
        inset 0 0 20px rgba(20, 241, 149, 0.05);
    letter-spacing: 2px; /* Tekst zet heel subtiel uit voor een luxe gevoel */
}


/* --- MOBIEL BROWSER FIXES --- */
@media (max-width: 768px) {
    :where([data-mndset-shell]) .hero-section {
        /* FIX VOOR SAFARI/CHROME MOBIEL: 'svh' negeert de adresbalk! */
        min-height: 60vh;
        min-height: 60svh;
        max-height: none;
        padding: 100px 0 50px;
    }
    
    :where([data-mndset-shell]) .hero-title {
        font-size: clamp(2rem, 10vw, 2.5rem) !important;
        margin-bottom: 15px;
    }
    
    :where([data-mndset-shell]) .hero-description {
        font-size: 0.9rem;
        margin-bottom: 30px;
    }
    
    :where([data-mndset-shell]) .cta-group {
        flex-direction: column; /* Knoppen strak onder elkaar */
        width: 100%;
        align-items: center;
        gap: 12px;
    }
    
    :where([data-mndset-shell]) .btn-neural-primary,:where([data-mndset-shell]) .btn-neural-secondary {
        width: 100%; 
        max-width: 320px;
        padding: 16px 20px;
        justify-content: center;
    }
}

/* --- MOBIEL BROWSER FIXES --- */
@media (max-width: 768px) {
    :where([data-mndset-shell]) .cta-group {
        flex-direction: column;
        width: 100%;
        align-items: center;
        gap: 12px;
    }
    
    :where([data-mndset-shell]) .btn-neural-primary,:where([data-mndset-shell]) .btn-neural-secondary {
        width: 100%; 
        max-width: 320px;
        padding: 16px 20px;
    }
}

/* --- MOBIEL BROWSER FIXES --- */
@media (max-width: 768px) {
    :where([data-mndset-shell]) .hero-section {
        min-height: 60svh; /* 'svh' houdt de sectie perfect binnen het mobiele scherm */
    }
    
    :where([data-mndset-shell]) .hero-title {
        font-size: 2rem !important; /* Voorkomt dat 'Neural Interface' van het scherm valt */
    }
    
    :where([data-mndset-shell]) .hero-description {
        font-size: 0.9rem;
    }
    
    :where([data-mndset-shell]) .cta-group {
        flex-direction: column; /* Knoppen strak onder elkaar */
        width: 100%;
        align-items: center;
        gap: 12px;
    }
    
    :where([data-mndset-shell]) .btn-neural-primary,:where([data-mndset-shell]) .btn-neural-secondary {
        width: 100%; 
        max-width: 320px; /* Zorgt dat ze breed zijn, maar niet absurd lang */
        justify-content: center;
    }
}

/* --- MOBIEL FIX: VERBERG ZWEVENDE SOCIALS --- */
@media (max-width: 992px) {
    :where([data-mndset-shell]) .floating-socials {
        display: none !important;
    }
}

/* ==========================================================================
   GLOBAL SPACING FIX: VERKLEIN DE GATEN TUSSEN SECTIES
   ========================================================================== */

/* 1. De standaard wrapper padding verkleinen */
:where([data-mndset-shell]) .section-wrapper {
    padding: 50px 0 !important; /* Was 80px of meer, dit is nu veel strakker */
    border-bottom: 1px solid var(--border-dim);
}

/* 2. Overschrijf de extreme inline-margins van de losse PHP componenten */
:where([data-mndset-shell]) .stats-container,:where([data-mndset-shell]) #protocol .container,:where([data-mndset-shell]) #utility .container,:where([data-mndset-shell]) #roadmap .container,:where([data-mndset-shell]) #faq .container {
    margin-bottom: 0 !important; 
    padding-top: 15px !important; 
}

/* 3. Uitzondering voor de allereerste sectie na de hero header */
:where([data-mndset-shell]) main .section-wrapper:first-child {
    padding-top: 20px !important; 
}

/* ==========================================================================
   HERO AUTHENTICATION ICONS (Web3 Uplinks)
   ========================================================================== */

:where([data-mndset-shell]) .hero-auth-options {
    margin-top: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    z-index: 10;
    position: relative;
    /* Vertraagde fade-in zodat het soepel inlaadt */
    animation: fadeInNeural 1s ease 0.5s both; 
}

:where([data-mndset-shell]) .auth-label {
    font-size: 10px;
    color: var(--text-dim, #888);
    letter-spacing: 2px;
    text-transform: uppercase;
}

:where([data-mndset-shell]) .auth-icons {
    display: flex;
    gap: 15px;
    justify-content: center;
}

:where([data-mndset-shell]) .auth-icon-btn {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    backdrop-filter: blur(5px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* Zweef-animatie */
    animation: floatingIcon 4s ease-in-out infinite;
}

/* Geef ze een vertraagde zweef-animatie, zodat ze niet synchroon bewegen (ziet er organischer uit) */
:where([data-mndset-shell]) .auth-icon-btn:nth-child(1) { animation-delay: 0s; }
:where([data-mndset-shell]) .auth-icon-btn:nth-child(2) { animation-delay: 0.5s; }
:where([data-mndset-shell]) .auth-icon-btn:nth-child(3) { animation-delay: 1s; }
:where([data-mndset-shell]) .auth-icon-btn:nth-child(4) { animation-delay: 1.5s; }

/* SVG Specifiek voor WalletConnect */
:where([data-mndset-shell]) .auth-icon-btn svg {
    width: 22px;
    height: 22px;
}

/* === BRAND HOVER EFFECTS (Glows in officiële kleuren) === */

/* WalletConnect (Blauw) */
:where([data-mndset-shell]) .wc-icon:hover {
    background: rgba(59, 153, 252, 0.1);
    border-color: #3b99fc;
    color: #3b99fc;
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 10px 20px rgba(59, 153, 252, 0.3);
}

/* Telegram (Lichtblauw) */
:where([data-mndset-shell]) .tg-icon:hover {
    background: rgba(0, 136, 204, 0.1);
    border-color: #0088cc;
    color: #0088cc;
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 10px 20px rgba(0, 136, 204, 0.3);
}

/* Google (Rood/Oranje Glow) */
:where([data-mndset-shell]) .gg-icon:hover {
    background: rgba(234, 67, 53, 0.1);
    border-color: #ea4335;
    color: #ea4335;
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 10px 20px rgba(234, 67, 53, 0.3);
}

/* Email (MNDSET Cyaan/Groen) */
:where([data-mndset-shell]) .em-icon:hover {
    background: rgba(20, 241, 149, 0.1);
    border-color: #14F195;
    color: #14F195;
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 10px 20px rgba(20, 241, 149, 0.3);
}

/* Zweef Keyframes */
@keyframes floatingIcon {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-4px); }
    100% { transform: translateY(0px); }
}

@media (max-width: 768px) {
    :where([data-mndset-shell]) .auth-icon-btn {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    :where([data-mndset-shell]) .auth-icon-btn svg { width: 18px; height: 18px; }
}
/* MNDSET Refresh v1 — shared website and portal presentation. */
:where([data-mndset-shell]) {
 --bg-dark:#080b13; --text-main:#edf2fa; --text-dim:#a2adc1;
 --accent-cyan:#79e5ee; --accent-green:#89f7bb; --refresh-line:rgba(170,195,230,.14);
 background:#080b13; color:var(--text-main); font-family:Inter,Arial,sans-serif;
}
:where([data-mndset-shell]) .container {width:min(1220px,calc(100% - 80px));max-width:1220px;margin-inline:auto;}
:where([data-mndset-shell]) .navbar {padding:22px 0;background:rgba(8,11,19,.82);border-bottom:1px solid var(--refresh-line);backdrop-filter:blur(22px);}
:where([data-mndset-shell]) .nav-scrolled {padding:17px 0;box-shadow:0 12px 40px #0003;border-color:var(--refresh-line);}
:where([data-mndset-shell]) .nav-container {width:100%;max-width:1600px;height:42px;padding:0 36px;gap:24px;}
:where([data-mndset-shell]) .nav-menu {gap:20px;}
:where([data-mndset-shell]) .nav-link {font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:.02em;color:#b8c4d6;}
:where([data-mndset-shell]) .nav-link:hover {color:#fff;}
:where([data-mndset-shell]) .brand-tagline {display:block;font:10px Inter,Arial,sans-serif;letter-spacing:.06em;color:#99a8be;margin-top:7px;text-transform:none;}
:where([data-mndset-shell]) .brand-main {font-size:24px;letter-spacing:-1px;}
:where([data-mndset-shell]) .logo-wrapper {border:0;background:transparent;box-shadow:none;}
:where([data-mndset-shell]) .neural-logo {width:38px;filter:none;}
:where([data-mndset-shell]) .logo-scanline,:where([data-mndset-shell]) .nav-system-meta {display:none!important;}
:where([data-mndset-shell]) .neural-header-btn {padding:12px 17px;border-radius:9px;font:600 12px Inter,Arial,sans-serif;letter-spacing:0;}
:where([data-mndset-shell]) .btn-launch-app {background:#91f3c2;color:#07130e;border:1px solid #91f3c2;box-shadow:none;}
:where([data-mndset-shell]) .btn-portal {background:transparent;border:1px solid #ffffff26;color:#edf2fa;}
:where([data-mndset-shell]) .dropdown-menu {background:#101623;border:1px solid var(--refresh-line);border-radius:12px;padding:10px;box-shadow:0 20px 60px #0006;}
:where([data-mndset-shell]) .dropdown-menu a {font:500 12px Inter,Arial,sans-serif;letter-spacing:.01em;padding:12px;}
:where([data-mndset-shell]) .refresh-skip-link {position:fixed;top:-100px;left:16px;z-index:10001;padding:12px 20px;background:#91f3c2;color:#080b13;border-radius:8px;}
:where([data-mndset-shell]) .refresh-skip-link:focus {top:12px;}
:where([data-mndset-shell]) :is(a,button,input,textarea,select):focus-visible {outline:2px solid #9aede5;outline-offset:5px;}
:where([data-mndset-shell]) .refresh-hero {height:auto;min-height:760px;max-height:none;padding:180px 0 105px;display:flex;align-items:center;isolation:isolate;text-align:left;}
:where([data-mndset-shell]) .refresh-hero .hero-bg-video {object-fit:cover;object-position:center;opacity:.85;transform:none;}
:where([data-mndset-shell]) .refresh-hero .hero-overlay {position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,11,19,.94) 0%,rgba(8,11,19,.82) 34%,rgba(8,11,19,.12) 78%),linear-gradient(0deg,#080b13 0%,transparent 23%);}
:where([data-mndset-shell]) .refresh-hero .hero-content {width:min(1220px,calc(100% - 80px));max-width:1220px;padding:0;position:relative;z-index:2;text-align:left;}
:where([data-mndset-shell]) .refresh-eyebrow {display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.18em;font-weight:600;color:#bbd1db;margin-bottom:28px;}
:where([data-mndset-shell]) .refresh-status-dot {width:6px;height:6px;border-radius:50%;background:#91f3c2;box-shadow:0 0 16px #91f3c288;flex-shrink:0;}
:where([data-mndset-shell]) .refresh-hero .hero-title {font-family:Inter,Arial,sans-serif;font-size:clamp(48px,5.8vw,84px);line-height:1.04;letter-spacing:-.065em;font-weight:800;max-width:800px;margin:0 0 28px;text-shadow:none;}
:where([data-mndset-shell]) .solana-gradient {background:linear-gradient(110deg,#9af3c8 3%,#8cdfe7 51%,#bca5ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
:where([data-mndset-shell]) .refresh-hero .hero-description {font:400 17px/1.8 Inter,Arial,sans-serif;color:#b8c5d6;max-width:495px;margin:0 0 30px!important;}
:where([data-mndset-shell]) .refresh-hero-actions {display:flex;flex-wrap:wrap;gap:12px;margin:30px 0;}
:where([data-mndset-shell]) .refresh-button {display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:0 25px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:700;transition:transform .2s,background .2s;}
:where([data-mndset-shell]) .refresh-button:hover {transform:translateY(-3px);}
:where([data-mndset-shell]) .refresh-button-primary {background:#91f3c2;color:#08170f;box-shadow:0 8px 32px #91f3c21c;}
:where([data-mndset-shell]) .refresh-button-primary:hover {background:#b2ffda;}
:where([data-mndset-shell]) .refresh-button-secondary {border:1px solid #ffffff30;color:#edf2fa;background:#0e152366;backdrop-filter:blur(10px);}
:where([data-mndset-shell]) .hero-social-prominent {justify-content:flex-start;gap:22px;margin:27px 0 0;}
:where([data-mndset-shell]) .btn-hero-social {background:transparent!important;border:none!important;padding:0!important;min-width:0;box-shadow:none!important;font:500 11px Inter,Arial,sans-serif;color:#acbbcf!important;letter-spacing:.02em;}
:where([data-mndset-shell]) .btn-hero-social:hover {color:#fff!important;transform:none;}
:where([data-mndset-shell]) .discord-live-badge {font-size:8px;}
:where([data-mndset-shell]) .refresh-hero-bottom {display:flex;flex-wrap:wrap;gap:22px;margin-top:38px;font-size:10px;color:#8fa0b8;}
:where([data-mndset-shell]) .refresh-hero-bottom span::before {content:'+';color:#91f3c2;margin-right:8px;}
:where([data-mndset-shell]) .refresh-video-control {position:absolute;bottom:24px;right:32px;z-index:3;border:1px solid #ffffff29;border-radius:30px;background:#0a101bc9;color:#c9d5e4;padding:10px 14px;display:flex;gap:10px;align-items:center;font:11px Inter,Arial,sans-serif;cursor:pointer;}
:where([data-mndset-shell]) .floating-socials,:where([data-mndset-shell]) #neural-cursor {display:none!important;}
:where([data-mndset-shell]) .section-wrapper {padding:65px 0!important;}
:where([data-mndset-shell]) .refresh-stats {padding-top:0!important;background:radial-gradient(ellipse at 50% 80%,#17253b55,transparent 70%);}
:where([data-mndset-shell]) .mnd-ticker-wrapper {position:relative;margin:0 0 58px;background:#0c121d;border-block:1px solid var(--refresh-line);}
:where([data-mndset-shell]) .ticker-item {font-size:11px;letter-spacing:.06em;}
:where([data-mndset-shell]) .ticker-buy-btn {background:#91f3c2;color:#08170f;border-radius:0;box-shadow:none;}
:where([data-mndset-shell]) .stats-section-header .hero-badge {display:none;}
:where([data-mndset-shell]) .web3-section-title {font:700 clamp(30px,3.8vw,48px)/1.15 Inter,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 16px;}
:where([data-mndset-shell]) .stats-explanation {font:400 15px/1.8 Inter,Arial,sans-serif;max-width:640px;color:#a2adc1;}
:where([data-mndset-shell]) .stats-container {padding-top:0!important;}
:where([data-mndset-shell]) .mega-counter-wrapper {margin:30px 0 18px!important;border:1px solid #91f3c22b;border-radius:18px;background:linear-gradient(110deg,#11251f,#101725 70%);box-shadow:none;}
:where([data-mndset-shell]) .mega-counter-inner {padding:30px 36px;}
:where([data-mndset-shell]) .mega-value {font-family:Inter,Arial,sans-serif;font-size:clamp(36px,5vw,64px);letter-spacing:-.04em;}
:where([data-mndset-shell]) .stats-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
:where([data-mndset-shell]) .stat-card {border:1px solid var(--refresh-line);border-radius:16px;background:#101622;box-shadow:none;padding:28px;min-width:0;}
:where([data-mndset-shell]) .stat-value {font:700 34px Inter,Arial,sans-serif;letter-spacing:-.04em;}
:where([data-mndset-shell]) .card-meta {font-size:10px;letter-spacing:.06em;color:#9caec6;}
:where([data-mndset-shell]) .stat-label {font-size:10px;line-height:1.7;color:#a2adc1;}
:where([data-mndset-shell]) .stats-header-telemetry {margin:24px 0 18px;font-size:10px;}
:where([data-mndset-shell]) .refresh-bridge {padding:50px 0 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:20px 80px;border-bottom:1px solid var(--refresh-line);align-items:center;}
:where([data-mndset-shell]) .refresh-kicker {font-size:10px;color:#91f3c2;letter-spacing:.16em;font-weight:600;}
:where([data-mndset-shell]) .refresh-bridge h2 {font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.05em;margin:18px 0 0;}
:where([data-mndset-shell]) .refresh-bridge p {font-size:16px;line-height:1.9;color:#a2adc1;max-width:460px;}
:where([data-mndset-shell]) .refresh-text-link {color:#bcebdc;text-decoration:none;font:600 12px Inter,Arial,sans-serif;display:inline-flex;align-items:center;gap:16px;}
:where([data-mndset-shell]) .refresh-bridge .refresh-text-link {grid-column:2;}
:where([data-mndset-shell]) :is(.p-card,.web3-u-card,.protocol-download-card) {border-radius:18px;background:#101622;border:1px solid var(--refresh-line);box-shadow:none;}
:where([data-mndset-shell]) :is(.p-card,.web3-u-card):hover {border-color:#91f3c255;}
:where([data-mndset-shell]) .u-title {font-family:Inter,Arial,sans-serif;font-size:21px;letter-spacing:-.03em;}
:where([data-mndset-shell]) :is(.u-desc,.protocol-desc) {font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.9;color:#a2adc1;}
:where([data-mndset-shell]) .neural-footer {background:#080b13!important;border-top:1px solid var(--refresh-line)!important;}
:where([data-mndset-shell]) .neural-footer a {font-family:Inter,Arial,sans-serif;font-size:12px!important;line-height:1.7;}
:where([data-mndset-shell]) .refresh-login {min-height:calc(100svh - 100px);padding-top:160px;padding-bottom:80px;display:grid;grid-template-columns:1fr 460px;gap:90px;align-items:center;position:relative;}
:where([data-mndset-shell]) .refresh-login-story h1 {font:800 clamp(40px,4.8vw,68px)/1.06 Inter,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 28px;}
:where([data-mndset-shell]) .refresh-login-story p {font-size:17px;line-height:1.8;max-width:400px;color:#a2adc1;}
:where([data-mndset-shell]) .refresh-login-features {display:grid;gap:22px;margin:35px 0 45px;color:#c1cede;font-size:14px;}
:where([data-mndset-shell]) .refresh-login-features i {color:#91f3c2;width:32px;}
:where([data-mndset-shell]) .refresh-login .portal-container {width:100%;max-width:none;padding:36px;background:linear-gradient(140deg,#14202c,#10151f 65%);border:1px solid #a9cde426;box-shadow:0 30px 100px #0004;border-radius:22px;}
:where([data-mndset-shell]) .refresh-login .portal-header {text-align:left;}
:where([data-mndset-shell]) .refresh-login .portal-header h2 {font-size:32px;letter-spacing:-.045em;margin:12px 0;}
:where([data-mndset-shell]) .refresh-login .portal-btn {font:600 12px Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;border-radius:10px;min-height:48px;}
:where([data-mndset-shell]) .refresh-login .btn-login {background:#91f3c2;color:#08170f;}
:where([data-mndset-shell]) .refresh-login :is(.btn-wallet,.btn-google,.btn-tg) {background:#ffffff04;border-color:#ffffff24;color:#dbe5f1;}
:where([data-mndset-shell]) .refresh-login .portal-input {min-height:48px;background:#080e18;border:1px solid #ffffff26;text-align:left;font-size:14px;}
:where([data-mndset-shell]) .refresh-login .portal-divider {font:11px Inter,Arial,sans-serif;color:#91a0b6;letter-spacing:0;}
:where([data-mndset-shell]) .refresh-input-label {display:block;font-size:12px;color:#b8c5d6;margin:0 0 9px;}
:where([data-mndset-shell]) .refresh-dashboard .dashboard-container {background:#101622;border-color:var(--refresh-line);}
:where([data-mndset-shell]) .refresh-dashboard .portal-tab {font-family:Inter,Arial,sans-serif;font-size:12px;letter-spacing:0;}
@media(min-width:993px) and (max-width:1450px) {
 :where([data-mndset-shell]) .nav-menu {gap:12px;}
 :where([data-mndset-shell]) .nav-link {font-size:10px;}
 :where([data-mndset-shell]) .neural-header-btn {padding:11px;font-size:11px;}
 :where([data-mndset-shell]) .nav-container {padding-inline:24px;gap:12px;}
}
@media(max-width:1100px) {
 :where([data-mndset-shell]) .refresh-login {grid-template-columns:1fr 420px;gap:40px;}
}
@media(max-width:992px) {
 :where([data-mndset-shell]) .container,:where([data-mndset-shell]) .refresh-hero .hero-content {width:calc(100% - 40px);}
 :where([data-mndset-shell]) .refresh-hero {padding:155px 0 90px;min-height:720px;}
 :where([data-mndset-shell]) .refresh-hero .hero-overlay {background:linear-gradient(90deg,#080b13e8,#080b1370),linear-gradient(0deg,#080b13,transparent 50%);}
 :where([data-mndset-shell]) .refresh-login {grid-template-columns:1fr;gap:35px;max-width:580px;padding-top:140px;}
 :where([data-mndset-shell]) .refresh-login-story h1 {font-size:46px;}
 :where([data-mndset-shell]) .refresh-login-story .refresh-eyebrow {font-size:9px;}
 :where([data-mndset-shell]) .refresh-login-features {display:none;}
 :where([data-mndset-shell]) .refresh-login-story .refresh-text-link {margin-top:10px;}
}
@media(max-width:600px) {
 :where([data-mndset-shell]) .nav-container {padding-inline:16px;}
 :where([data-mndset-shell]) .navbar {padding:16px 0;}
 :where([data-mndset-shell]) .refresh-hero {padding:140px 0 80px;min-height:740px;}
 :where([data-mndset-shell]) .refresh-hero .hero-title {font-size:clamp(40px,10.2vw,60px);}
 :where([data-mndset-shell]) .refresh-eyebrow {font-size:8px;letter-spacing:.12em;}
 :where([data-mndset-shell]) .refresh-hero .hero-description {font-size:15px;}
 :where([data-mndset-shell]) .refresh-hero-actions {flex-direction:column;align-items:stretch;max-width:340px;}
 :where([data-mndset-shell]) .refresh-hero-bottom {gap:12px;font-size:9px;}
 :where([data-mndset-shell]) .hero-social-prominent {flex-wrap:wrap;}
 :where([data-mndset-shell]) .stats-grid {grid-template-columns:1fr;}
 :where([data-mndset-shell]) .stat-card {padding:24px;}
 :where([data-mndset-shell]) .mega-counter-inner {padding:24px 20px;gap:16px;}
 :where([data-mndset-shell]) .mega-icon {font-size:28px;}
 :where([data-mndset-shell]) .refresh-bridge {grid-template-columns:1fr;gap:14px;padding:30px 0 50px;}
 :where([data-mndset-shell]) .refresh-bridge .refresh-text-link {grid-column:1;}
 :where([data-mndset-shell]) .refresh-login .portal-container {padding:26px 22px;}
 :where([data-mndset-shell]) .section-wrapper {padding-block:42px!important;}
 :where([data-mndset-shell]) .refresh-video-control {right:20px;bottom:20px;}
}
@media(prefers-reduced-motion:reduce) {
 :where([data-mndset-shell]) *,:where([data-mndset-shell]) *::before,:where([data-mndset-shell]) *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
/* Resolve legacy flex alignment and important declarations. */
:where([data-mndset-shell]) .refresh-hero .hero-content {align-items:flex-start;}
:where([data-mndset-shell]) .hero-social-prominent {margin-inline:0;max-width:495px;}
:where([data-mndset-shell]) .btn-hero-social {flex:0 1 auto;}
:where([data-mndset-shell]) .mega-counter-wrapper {padding:0;}
:where([data-mndset-shell]) .mega-icon {background:linear-gradient(120deg,#91f3c2,#8cdfe7);background-clip:text;-webkit-background-clip:text;filter:none;}
:where([data-mndset-shell]) .mega-value {background:linear-gradient(110deg,#fff,#a6edce);background-clip:text;-webkit-background-clip:text;text-shadow:none;}
:where([data-mndset-shell]) .stat-card.glass-effect {background:#101622!important;box-shadow:none!important;}
@media(min-width:993px) and (max-width:1200px) {
 :where([data-mndset-shell]) .nav-menu.hide-mobile {display:none!important;}
 :where([data-mndset-shell]) #mobile-menu {display:flex!important;}
}
@media(max-width:600px) {
 :where([data-mndset-shell]) .refresh-hero .hero-title {max-width:100%;overflow-wrap:normal;}
 :where([data-mndset-shell]) .hero-social-prominent {gap:20px;}
 :where([data-mndset-shell]) .mega-counter-inner {flex-wrap:wrap;}
}
/* v1.1 — centered ticker and cohesive homepage sections. */
:where([data-mndset-shell]) .mnd-ticker-wrapper {
 width:min(1220px,calc(100% - 80px));max-width:1220px;
 margin:0 auto 58px;min-height:48px;height:48px;
 border:1px solid var(--refresh-line);border-radius:12px;
 box-shadow:0 12px 40px #0002;
}
:where([data-mndset-shell]) .mnd-ticker-content {min-width:0;}
:where([data-mndset-shell]) .ticker-buy-btn {flex:0 0 auto;padding-inline:24px;font:700 11px Inter,Arial,sans-serif;letter-spacing:.04em;border-left:1px solid #91f3c244;}
:where([data-mndset-shell]) .ticker-buy-btn::before,:where([data-mndset-shell]) .ticker-buy-btn::after {display:none;}
:where([data-mndset-shell]) .refresh-content-section {padding-top:0!important;margin-bottom:0!important;}
:where([data-mndset-shell]) .refresh-section-heading {text-align:left!important;margin:0 0 36px!important;max-width:820px;}
:where([data-mndset-shell]) .refresh-section-heading .hero-badge {
 font:600 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.16em;
 padding:0;margin:0 0 17px!important;border:0!important;border-radius:0;
 color:#91f3c2!important;background:transparent!important;box-shadow:none!important;
}
:where([data-mndset-shell]) .refresh-section-title {
 font:700 clamp(30px,3.7vw,48px)/1.14 Inter,Arial,sans-serif;
 letter-spacing:-.045em;color:#edf2fa;margin:0 0 18px;
}
:where([data-mndset-shell]) .refresh-section-heading > p {
 font:400 15px/1.85 Inter,Arial,sans-serif;color:#a2adc1!important;
 max-width:650px!important;margin:0!important;letter-spacing:0;
}
:where([data-mndset-shell]) .refresh-content-section .solana-text,:where([data-mndset-shell]) .refresh-content-section .solana-gradient-text {
 background:linear-gradient(110deg,#9af3c8,#8cdfe7 50%,#bca5ff);
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
:where([data-mndset-shell]) #simulator {background:radial-gradient(ellipse at 80% 50%,#33305f25,transparent 65%)!important;}
:where([data-mndset-shell]) #simulator > .section-wrapper {padding:0!important;}
:where([data-mndset-shell]) #roadmap,:where([data-mndset-shell]) #security {background:linear-gradient(180deg,#0c121d66,#080b13);border-block:1px solid #ffffff06;}
/* Protocol: one substantial reading card and four compact feature cards. */
:where([data-mndset-shell]) .refresh-section-protocol .protocol-grid {display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:stretch;}
:where([data-mndset-shell]) .refresh-section-protocol .protocol-download-card {padding:36px;text-align:left;background:radial-gradient(ellipse at 0 0,#214c3d55,transparent 70%),#101622;}
:where([data-mndset-shell]) .refresh-section-protocol .doc-icon {font-size:32px;margin-bottom:22px;color:#91f3c2;filter:none;}
:where([data-mndset-shell]) .refresh-section-protocol .protocol-download-card h3 {font:700 25px/1.3 Inter,Arial,sans-serif;letter-spacing:-.03em;margin:0 0 18px;}
:where([data-mndset-shell]) .refresh-section-protocol .p-card-grid {height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
:where([data-mndset-shell]) .refresh-section-protocol .p-card {padding:26px;min-width:0;}
:where([data-mndset-shell]) .refresh-section-protocol .p-card h4 {font:600 16px/1.4 Inter,Arial,sans-serif;letter-spacing:-.02em;}
:where([data-mndset-shell]) .refresh-section-protocol .p-card p {font:400 13px/1.8 Inter,Arial,sans-serif;color:#a2adc1;}
:where([data-mndset-shell]) .refresh-section-protocol .p-card i {font-size:24px;color:#9edfcf;}
:where([data-mndset-shell]) .refresh-content-section .file-meta {font-size:9px;opacity:.65;}
:where([data-mndset-shell]) .refresh-content-section .btn-solana {border-radius:9px;font:600 12px Inter,Arial,sans-serif;letter-spacing:0;min-height:44px;}
/* Ecosystem cards keep their original screenshot interactions. */
:where([data-mndset-shell]) .refresh-section-utility .web3-utility-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
:where([data-mndset-shell]) .refresh-section-utility .web3-u-card {padding:34px 28px;min-height:290px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;}
:where([data-mndset-shell]) .refresh-section-utility .u-icon-wrap {width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#91f3c20c;border:1px solid #91f3c220;border-radius:14px;margin-bottom:26px;}
:where([data-mndset-shell]) .refresh-section-utility .view-screenshot {margin-top:auto;padding-top:22px;font:600 11px Inter,Arial,sans-serif;letter-spacing:0;color:#a1e8cd;}
:where([data-mndset-shell]) .refresh-section-utility .hover-glow {opacity:.12;}
/* Simulator: readable controls alongside a distinct estimate panel. */
:where([data-mndset-shell]) .refresh-section-focus_simulator .simulator-card {max-width:none;padding:36px;background:#101622;border:1px solid var(--refresh-line);border-radius:20px;box-shadow:none;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .solana-glow::before {display:none;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .simulator-card > .row {display:grid;grid-template-columns:1fr 1fr;gap:44px;margin:0;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .col-lg-6 {width:100%;max-width:100%;padding:0;margin:0;min-width:0;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .slider-group label {display:flex;justify-content:space-between;gap:16px;font:500 12px/1.5 Inter,Arial,sans-serif;letter-spacing:0;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .warning-text {font:400 11px/1.7 Inter,Arial,sans-serif;color:#93a2b8;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .sim-slider {height:6px;background:#273247;accent-color:#91f3c2;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .sim-slider::-webkit-slider-thumb {background:#91f3c2;box-shadow:0 0 0 5px #91f3c214;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .sim-slider::-moz-range-thumb {background:#91f3c2;border:0;border-radius:50%;width:20px;height:20px;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .result-box {background:linear-gradient(140deg,#193128,#172033);border:1px solid #91f3c226;border-radius:15px;padding:32px;box-shadow:none;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .intel-label {font:500 11px Inter,Arial,sans-serif;letter-spacing:.04em;color:#a7c3ba;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .mnd-value {font:700 clamp(36px,4.8vw,66px)/1.2 Inter,Arial,sans-serif;letter-spacing:-.05em;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .mnd-ticker {font:600 12px Inter,Arial,sans-serif;color:#9aafbd;}
:where([data-mndset-shell]) .refresh-section-focus_simulator .btn-jupiter {font:700 12px Inter,Arial,sans-serif;padding:16px;border-radius:9px;background:#91f3c2;color:#08170f;box-shadow:none;}
/* Roadmap: a balanced card grid with the original phase order and statuses. */
:where([data-mndset-shell]) .refresh-section-roadmap .roadmap-container {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:none;padding:0;margin:0;}
:where([data-mndset-shell]) .refresh-section-roadmap .roadmap-line,:where([data-mndset-shell]) .refresh-section-roadmap .roadmap-dot {display:none;}
:where([data-mndset-shell]) .refresh-section-roadmap .roadmap-node {position:relative;left:auto;width:auto;padding:0;margin:0;min-width:0;}
:where([data-mndset-shell]) .refresh-section-roadmap .roadmap-card {height:100%;padding:32px;background:#101622;border:1px solid var(--refresh-line);border-radius:18px;}
:where([data-mndset-shell]) .refresh-section-roadmap .roadmap-card:hover {transform:none;box-shadow:none;border-color:#91f3c24d;}
:where([data-mndset-shell]) .refresh-section-roadmap .phase-tag {display:inline-block;background:#91f3c20c;color:#91f3c2;border:1px solid #91f3c222;border-radius:6px;padding:7px 10px;font:600 10px Inter,Arial,sans-serif;letter-spacing:.08em;}
:where([data-mndset-shell]) .refresh-section-roadmap .phase-title {font:600 22px/1.3 Inter,Arial,sans-serif;letter-spacing:-.03em;}
:where([data-mndset-shell]) .refresh-section-roadmap .milestone-list li {font:400 13px/1.7 Inter,Arial,sans-serif;padding-block:10px;color:#aab7ca;}
:where([data-mndset-shell]) .refresh-section-roadmap .milestone-list li.done {color:#c5e9d7;}
/* Tokenomics retains the actual allocation proportions and contract address. */
:where([data-mndset-shell]) .refresh-section-tokenomics .ca-container {padding:26px 30px;background:#111c27;border:1px solid #9bd8dc24;border-radius:15px;box-shadow:none;}
:where([data-mndset-shell]) .refresh-section-tokenomics .ca-label {font:500 10px Inter,Arial,sans-serif;letter-spacing:.1em;}
:where([data-mndset-shell]) .refresh-section-tokenomics .ca-box {gap:18px;min-width:0;margin-top:10px;}
:where([data-mndset-shell]) .refresh-section-tokenomics #contractAddress {font:500 14px/1.7 'JetBrains Mono',monospace!important;letter-spacing:0!important;}
:where([data-mndset-shell]) .refresh-section-tokenomics .copy-ca-btn {flex-shrink:0;width:42px;height:42px;min-height:42px;border-radius:9px;background:#91f3c2;color:#08170f;box-shadow:none;}
:where([data-mndset-shell]) .refresh-section-tokenomics .neural-progress-bar {height:18px;border-radius:8px;overflow:hidden;}
:where([data-mndset-shell]) .refresh-section-tokenomics .dist-labels {gap:12px;flex-wrap:wrap;font:500 10px/1.6 Inter,Arial,sans-serif;}
:where([data-mndset-shell]) .refresh-section-tokenomics .token-stats-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;}
:where([data-mndset-shell]) .refresh-section-tokenomics .token-card {padding:26px 22px;background:#101622!important;}
:where([data-mndset-shell]) .refresh-section-tokenomics .token-card h4 {font:600 13px/1.5 Inter,Arial,sans-serif!important;}
:where([data-mndset-shell]) .refresh-section-tokenomics .percentage-val {font:700 40px/1.2 Inter,Arial,sans-serif;letter-spacing:-.04em;}
:where([data-mndset-shell]) .refresh-section-tokenomics .dot-pattern {opacity:.3;}
/* Verification links and existing status data remain intact. */
:where([data-mndset-shell]) .refresh-section-security .security-dashboard {max-width:none;}
:where([data-mndset-shell]) .refresh-section-security .api-partners-container {display:grid;grid-template-columns:1fr 1fr;gap:18px;}
:where([data-mndset-shell]) .refresh-section-security .verification-banner {margin:0;padding:22px;background:#101b22;border:1px solid #91f3c222;border-radius:13px;box-shadow:none;min-width:0;}
:where([data-mndset-shell]) .refresh-section-security .scan-effect {display:none;}
:where([data-mndset-shell]) .refresh-section-security .vb-title {font:600 12px/1.5 Inter,Arial,sans-serif;letter-spacing:.02em;}
:where([data-mndset-shell]) .refresh-section-security .vb-subtitle {font-size:9px;color:#8fa0b8;}
:where([data-mndset-shell]) .refresh-section-security .vb-status {font-size:9px;}
:where([data-mndset-shell]) .refresh-section-security .security-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px;}
:where([data-mndset-shell]) .refresh-section-security .security-card {min-width:0;padding:26px 20px;border:1px solid var(--refresh-line);border-radius:14px;background:#101622;box-shadow:none;}
:where([data-mndset-shell]) .refresh-section-security .sec-icon {font-size:24px;margin-bottom:18px;}
:where([data-mndset-shell]) .refresh-section-security .sec-label {font:500 9px/1.6 Inter,Arial,sans-serif;letter-spacing:.04em;}
:where([data-mndset-shell]) .refresh-section-security .sec-value {font:600 13px/1.6 Inter,Arial,sans-serif;}
:where([data-mndset-shell]) .refresh-section-security .audit-footer {font:400 10px/1.8 Inter,Arial,sans-serif;color:#91a1b7;}
/* FAQ: larger questions, quiet separators; accordion behavior is unchanged. */
:where([data-mndset-shell]) .refresh-section-faq .faq-accordion {max-width:none!important;}
:where([data-mndset-shell]) .refresh-section-faq .faq-item {margin-bottom:12px;background:#101622;border:1px solid var(--refresh-line);border-radius:13px;overflow:hidden;}
:where([data-mndset-shell]) .refresh-section-faq .faq-question {padding:24px 26px;font-family:Inter,Arial,sans-serif;gap:20px;}
:where([data-mndset-shell]) .refresh-section-faq .faq-text {font:500 14px/1.6 Inter,Arial,sans-serif;letter-spacing:0;color:#dce6f4;}
:where([data-mndset-shell]) .refresh-section-faq .faq-num {font:500 11px 'JetBrains Mono',monospace;color:#7a8ca7;}
:where([data-mndset-shell]) .refresh-section-faq .answer-text {font:400 14px/1.9 Inter,Arial,sans-serif;color:#a2b1c6;}
:where([data-mndset-shell]) .refresh-section-faq .faq-tag {font:500 9px Inter,Arial,sans-serif;letter-spacing:0;border-radius:5px;background:#ffffff05;color:#a1aec1;}
:where([data-mndset-shell]) .refresh-section-faq .faq-footer-bar {border-color:var(--refresh-line);font-size:11px;}
/* Team profiles retain biographies, portraits and links. */
:where([data-mndset-shell]) .refresh-section-the_architect .team-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:none;}
:where([data-mndset-shell]) .refresh-section-the_architect .architect-terminal {min-width:0;padding:34px 26px;background:#101622;border:1px solid var(--refresh-line);border-radius:18px;box-shadow:none;}
:where([data-mndset-shell]) .refresh-section-the_architect .architect-avatar-wrapper {width:110px;height:110px;}
:where([data-mndset-shell]) .refresh-section-the_architect .avatar-ring {border-color:#91f3c240;box-shadow:none;animation:none;}
:where([data-mndset-shell]) .refresh-section-the_architect .avatar-img {box-shadow:none;}
:where([data-mndset-shell]) .refresh-section-the_architect .kyc-badge {font:500 9px Inter,Arial,sans-serif;padding:7px 9px;letter-spacing:.04em;box-shadow:none;border-radius:6px;}
:where([data-mndset-shell]) .refresh-section-the_architect .glitch-text {font:700 24px/1.3 Inter,Arial,sans-serif!important;letter-spacing:-.03em!important;}
:where([data-mndset-shell]) .refresh-section-the_architect .glitch-text::before,:where([data-mndset-shell]) .refresh-section-the_architect .glitch-text::after {display:none;}
:where([data-mndset-shell]) .refresh-section-the_architect .profile-data > p {font:500 10px/1.7 Inter,Arial,sans-serif!important;letter-spacing:.04em!important;min-height:34px;}
:where([data-mndset-shell]) .refresh-section-the_architect .profile-bio {border-color:var(--refresh-line);}
:where([data-mndset-shell]) .refresh-section-the_architect .profile-bio p {font:400 13px/1.85 Inter,Arial,sans-serif;color:#a2adc1;}
:where([data-mndset-shell]) .refresh-section-the_architect .quote-icon {color:#91f3c24d;}
:where([data-mndset-shell]) .refresh-section-the_architect .architect-stats {margin-top:auto;border-color:var(--refresh-line);}
:where([data-mndset-shell]) .refresh-section-the_architect .stat-val {font:600 13px Inter,Arial,sans-serif;}
:where([data-mndset-shell]) .refresh-section-the_architect .stat-label {font:500 9px/1.5 Inter,Arial,sans-serif;letter-spacing:0;}
@media(max-width:992px) {
 :where([data-mndset-shell]) .mnd-ticker-wrapper {width:calc(100% - 40px);margin-inline:auto;}
 :where([data-mndset-shell]) .refresh-section-protocol .protocol-grid {grid-template-columns:1fr;}
 :where([data-mndset-shell]) .refresh-section-utility .web3-utility-grid {grid-template-columns:1fr;}
 :where([data-mndset-shell]) .refresh-section-utility .web3-u-card {min-height:0;}
 :where([data-mndset-shell]) .refresh-section-security .security-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 :where([data-mndset-shell]) .refresh-section-the_architect .team-grid {grid-template-columns:1fr;}
 :where([data-mndset-shell]) .refresh-section-the_architect .architect-terminal {padding:32px;}
}
@media(max-width:600px) {
 :where([data-mndset-shell]) .mnd-ticker-wrapper {height:44px;margin-bottom:38px;}
 :where([data-mndset-shell]) .ticker-buy-btn {padding-inline:14px;font-size:10px;}
 :where([data-mndset-shell]) .refresh-section-heading {margin-bottom:28px!important;}
 :where([data-mndset-shell]) .refresh-section-heading .hero-badge {font-size:9px;letter-spacing:.09em;}
 :where([data-mndset-shell]) .refresh-section-protocol .p-card-grid {grid-template-columns:1fr;}
 :where([data-mndset-shell]) .refresh-section-protocol .protocol-download-card {padding:26px;}
 :where([data-mndset-shell]) .refresh-section-focus_simulator .simulator-card {padding:24px 18px;}
 :where([data-mndset-shell]) .refresh-section-focus_simulator .simulator-card > .row {grid-template-columns:1fr;gap:28px;}
 :where([data-mndset-shell]) .refresh-section-focus_simulator .result-box {padding:26px 18px;}
 :where([data-mndset-shell]) .refresh-section-roadmap .roadmap-container {grid-template-columns:1fr;gap:16px;}
 :where([data-mndset-shell]) .refresh-section-roadmap .roadmap-card {padding:26px;}
 :where([data-mndset-shell]) .refresh-section-tokenomics .ca-container {padding:22px 18px;}
 :where([data-mndset-shell]) .refresh-section-tokenomics .token-stats-grid {grid-template-columns:1fr;}
 :where([data-mndset-shell]) .refresh-section-security .api-partners-container {grid-template-columns:1fr;}
 :where([data-mndset-shell]) .refresh-section-security .verification-banner {padding:18px 14px;gap:10px;}
 :where([data-mndset-shell]) .refresh-section-security .vb-title {font-size:10px;}
 :where([data-mndset-shell]) .refresh-section-security .security-grid {grid-template-columns:1fr;}
 :where([data-mndset-shell]) .refresh-section-faq .faq-question {padding:20px 16px;gap:12px;}
 :where([data-mndset-shell]) .refresh-section-faq .faq-text {font-size:13px;}
 :where([data-mndset-shell]) .refresh-section-faq .faq-footer-bar {flex-wrap:wrap;gap:12px;}
}
/* v1.2 — contextual discovery, editorial pages and a quietly animated identity. */
:where([data-mndset-shell]) .logo-wrapper {
 position:relative;overflow:visible;width:46px;height:46px;border-radius:14px;
 background:linear-gradient(145deg,#91f3c212,#bca5ff09);border:1px solid #b7e9da24;
}
:where([data-mndset-shell]) .logo-wrapper::after {
 content:'';position:absolute;inset:-3px;border:1px solid #91f3c238;border-radius:17px;
 pointer-events:none;animation:refresh-logo-halo 5s ease-in-out infinite;
}
:where([data-mndset-shell]) .neural-logo {animation:refresh-logo-float 6s ease-in-out infinite;will-change:transform;}
@keyframes refresh-logo-halo {
 0%,100% {opacity:.3;box-shadow:0 0 8px #91f3c209;transform:scale(.98);}
 50% {opacity:.9;box-shadow:0 0 20px #91f3c22b,0 0 34px #bca5ff12;transform:scale(1.035);}
}
@keyframes refresh-logo-float {
 0%,100% {transform:translateY(0) rotate(-2deg);filter:drop-shadow(0 0 3px #91f3c230);}
 50% {transform:translateY(-2px) rotate(2deg);filter:drop-shadow(0 0 7px #91f3c260);}
}
:where([data-mndset-shell]) .refresh-related {
 display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;
 border-top:1px solid var(--refresh-line);padding:18px 0 0;margin:-8px 0 32px;
}
:where([data-mndset-shell]) .refresh-related > span {font:500 10px Inter,Arial,sans-serif;color:#8393ad;letter-spacing:.04em;}
:where([data-mndset-shell]) .refresh-related a {font:500 12px/1.6 Inter,Arial,sans-serif;color:#b9d9d6;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:color .2s;}
:where([data-mndset-shell]) .refresh-related a:hover {color:#b6ffd9;}
:where([data-mndset-shell]) .refresh-related a i {font-size:9px;color:#7e9da6;}
:where([data-mndset-shell]) .refresh-section-heading {max-width:860px;}
:where([data-mndset-shell]) .refresh-section-title {text-wrap:balance;max-width:850px;}
:where([data-mndset-shell]) .refresh-content-section .refresh-section-heading > p {max-width:690px!important;}
/* Layered surfaces give each section depth without competing with the hero video. */
:where([data-mndset-shell]) .refresh-content-section :is(.protocol-download-card,.p-card,.roadmap-card,.architect-terminal) {
 background-image:radial-gradient(ellipse at 0 0,#9fbbe709,transparent 65%);
 box-shadow:0 14px 38px #00000012,inset 0 1px 0 #ffffff04;
}
:where([data-mndset-shell]) .refresh-content-section :is(.p-card,.roadmap-card,.architect-terminal) {transition:border-color .25s,box-shadow .25s;}
:where([data-mndset-shell]) .refresh-content-section :is(.p-card,.roadmap-card,.architect-terminal):hover {border-color:#a1dfcc36;box-shadow:0 20px 42px #00000022;}
:where([data-mndset-shell]) .refresh-section-utility .web3-u-card {position:relative;overflow:hidden;padding:0 26px 28px;gap:0;}
:where([data-mndset-shell]) .refresh-feature-preview {position:relative;width:calc(100% + 52px);height:185px;margin:0 -26px 24px;overflow:hidden;background:#0a1019;border-bottom:1px solid #ffffff08;}
:where([data-mndset-shell]) .refresh-feature-preview::after {content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101622 1%,transparent 65%);pointer-events:none;}
:where([data-mndset-shell]) .refresh-feature-preview img {display:block;width:100%;height:100%;object-fit:cover;object-position:top;opacity:.85;transition:transform .55s,opacity .55s;}
:where([data-mndset-shell]) .refresh-section-utility .web3-u-card:hover .refresh-feature-preview img {transform:scale(1.035);opacity:1;}
:where([data-mndset-shell]) .refresh-section-utility .u-icon-wrap {width:42px;height:42px;margin-bottom:17px;}
:where([data-mndset-shell]) .refresh-section-utility .u-title {font-size:23px;line-height:1.3;margin-top:0;}
:where([data-mndset-shell]) .refresh-section-utility .u-desc {font-size:14px;line-height:1.85;}
:where([data-mndset-shell]) .refresh-section-protocol .protocol-download-card {background:radial-gradient(ellipse at 0 0,#214c3d66,transparent 75%),#101622;}
:where([data-mndset-shell]) .refresh-section-protocol .protocol-desc {font-size:15px;line-height:1.9;}
:where([data-mndset-shell]) .refresh-section-roadmap .roadmap-card {border-top:2px solid #91f3c247;}
:where([data-mndset-shell]) .refresh-section-roadmap .roadmap-node:nth-child(2n) .roadmap-card {border-top-color:#bca5ff47;}
:where([data-mndset-shell]) .refresh-section-faq .faq-question:hover {background:#ffffff03;}
:where([data-mndset-shell]) .refresh-section-the_architect .profile-bio p {font-style:normal;}
/* Footer destination pages are part of the same visual system. */
:where([data-mndset-shell]) .refresh-detail-page {padding-top:150px!important;padding-bottom:75px!important;margin-bottom:0!important;max-width:1220px!important;}
:where([data-mndset-shell]) .refresh-detail-page .refresh-section-heading {max-width:850px!important;margin-inline:0!important;}
:where([data-mndset-shell]) .refresh-detail-page p {font-family:Inter,Arial,sans-serif!important;font-size:14px!important;line-height:1.85!important;color:#a7b5c9;letter-spacing:0!important;}
:where([data-mndset-shell]) .refresh-detail-page h4,:where([data-mndset-shell]) .refresh-detail-page h5 {font-family:Inter,Arial,sans-serif!important;letter-spacing:-.02em!important;line-height:1.5;}
:where([data-mndset-shell]) .refresh-detail-page > .row {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;margin-inline:0;}
:where([data-mndset-shell]) .refresh-detail-page > .row:has(> .col-lg-4) {grid-template-columns:repeat(3,minmax(0,1fr));}
:where([data-mndset-shell]) .refresh-detail-page > .row > [class*="col-"] {width:auto;max-width:none;min-width:0;padding-inline:0;}
:where([data-mndset-shell]) .refresh-detail-page :is(.dapp-grid,.criteria-grid,.bounty-grid,.partner-grid) {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
:where([data-mndset-shell]) .refresh-detail-page :is(.about-card,.info-card,.collab-card,.referral-card,.referral-cta-card,.bounty-card,.partner-uplink-card,.cyber-step-card,.changelog-terminal) {
 border:1px solid var(--refresh-line);border-radius:16px;background:#101622;box-shadow:none;min-width:0;padding:28px;
}
:where([data-mndset-shell]) .refresh-detail-page :is(.card-glow,.card-glow-line,.premium-glow,.cta-glow-bg) {opacity:.15;}
:where([data-mndset-shell]) .refresh-detail-page :is(.log-text,.faq-a,.channel-sub) {font:400 13px/1.8 Inter,Arial,sans-serif;color:#a7b5c9;}
:where([data-mndset-shell]) .refresh-detail-page :is(.bounty-label,.channel-title,.log-status) {font:500 11px/1.7 Inter,Arial,sans-serif;letter-spacing:.02em;}
:where([data-mndset-shell]) .refresh-detail-page .bounty-val {font:700 32px/1.3 Inter,Arial,sans-serif;letter-spacing:-.04em;}
:where([data-mndset-shell]) .refresh-detail-page .token-utility-list {font:400 14px/1.8 Inter,Arial,sans-serif;}
:where([data-mndset-shell]) .refresh-detail-page .partner-uplink-card {text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left;}
:where([data-mndset-shell]) .refresh-detail-page .partner-info p {font-size:13px!important;}
:where([data-mndset-shell]) .refresh-detail-page .partner-logo-area {margin:0 0 24px;}
:where([data-mndset-shell]) .refresh-detail-page .status-badge {font:500 9px/1.5 Inter,Arial,sans-serif;letter-spacing:.03em;}
:where([data-mndset-shell]) .refresh-detail-page .partner-uplink-card .status-badge {margin-top:auto;}
:where([data-mndset-shell]) .refresh-detail-page :is(.btn-jupiter,.btn-solana-solid) {font:600 12px Inter,Arial,sans-serif!important;border-radius:9px;letter-spacing:0;min-height:46px;}
:where([data-mndset-shell]) .refresh-detail-page .core-pillars li {font:500 14px/1.8 Inter,Arial,sans-serif;padding-block:12px;}
:where([data-mndset-shell]) .refresh-detail-page .changelog-terminal {padding:0;overflow:hidden;}
:where([data-mndset-shell]) .refresh-detail-page .terminal-body {padding:28px;}
:where([data-mndset-shell]) .refresh-detail-page .terminal-title {font:600 11px Inter,Arial,sans-serif;letter-spacing:.08em;}
:where([data-mndset-shell]) .refresh-detail-page .collab-cta {border-radius:18px;background:linear-gradient(120deg,#16312580,#161c33);border:1px solid #91f3c220;padding:36px;}
:where([data-mndset-shell]) .refresh-footer-intro {display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:55px 30px;border-bottom:1px solid var(--refresh-line);}
:where([data-mndset-shell]) .refresh-footer-intro h2 {font:700 clamp(26px,3vw,38px)/1.2 Inter,Arial,sans-serif;letter-spacing:-.04em;margin:15px 0;}
:where([data-mndset-shell]) .refresh-footer-intro p {font:400 14px/1.8 Inter,Arial,sans-serif;color:#97a7bf;max-width:510px;}
:where([data-mndset-shell]) .refresh-footer-intro .refresh-button {flex-shrink:0;}
:where([data-mndset-shell]) .footer-grid-main {max-width:1220px!important;padding-top:40px!important;gap:32px!important;justify-content:space-between!important;}
:where([data-mndset-shell]) .footer-column h4 {font:600 12px/1.5 Inter,Arial,sans-serif;letter-spacing:.01em;color:#d4e5e8;margin-bottom:22px;}
:where([data-mndset-shell]) .footer-bottom {max-width:1220px!important;}
:where([data-mndset-shell]) .footer-column .footer-links a:hover {color:#d6fff0!important;}
@media(max-width:992px) {
 :where([data-mndset-shell]) .refresh-detail-page > .row,:where([data-mndset-shell]) .refresh-detail-page > .row:has(> .col-lg-4) {grid-template-columns:1fr;}
 :where([data-mndset-shell]) .refresh-detail-page :is(.dapp-grid,.criteria-grid,.bounty-grid,.partner-grid) {grid-template-columns:repeat(2,minmax(0,1fr));}
 :where([data-mndset-shell]) .refresh-footer-intro {align-items:flex-start;flex-direction:column;gap:16px;}
}
@media(max-width:600px) {
 :where([data-mndset-shell]) .refresh-detail-page {padding-top:125px!important;padding-bottom:45px!important;}
 :where([data-mndset-shell]) .refresh-detail-page :is(.dapp-grid,.criteria-grid,.bounty-grid,.partner-grid) {grid-template-columns:1fr;}
 :where([data-mndset-shell]) .refresh-related {gap:12px 18px;}
 :where([data-mndset-shell]) .refresh-related > span {flex-basis:100%;}
 :where([data-mndset-shell]) .refresh-related a {font-size:11px;}
 :where([data-mndset-shell]) .refresh-section-utility .web3-u-card {padding-inline:22px;}
 :where([data-mndset-shell]) .refresh-feature-preview {height:210px;width:calc(100% + 44px);margin-inline:-22px;}
 :where([data-mndset-shell]) .refresh-detail-page :is(.about-card,.info-card,.collab-card,.referral-card,.bounty-card,.partner-uplink-card,.cyber-step-card) {padding:24px;}
 :where([data-mndset-shell]) .refresh-footer-intro {padding-top:40px;}
 :where([data-mndset-shell]) .refresh-footer-intro .refresh-button {font-size:11px;padding-inline:16px;}
 :where([data-mndset-shell]) .footer-grid-main {gap:24px!important;}
}
@media(prefers-reduced-motion:reduce) {
 :where([data-mndset-shell]) .neural-logo,:where([data-mndset-shell]) .logo-wrapper::after {animation:none!important;will-change:auto;}
}

/* v1.4 — quieter app continuation panel and compact interactive simulator. */
:where([data-mndset-shell]) .refresh-utility-next {display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:25px;margin-top:30px;padding:30px 32px;border:1px solid #b6cedb1c;border-radius:17px;background:linear-gradient(120deg,#13221e66,#111a28);box-shadow:none;}
:where([data-mndset-shell]) .utility-next-mark {width:48px;height:48px;display:grid;place-items:center;border:1px solid #a1e3c520;border-radius:13px;background:#9eeac307;color:#a3d7c4;font-size:19px;}
:where([data-mndset-shell]) .utility-next-copy > span {font:600 8px/1.7 Inter,Arial,sans-serif;letter-spacing:.14em;color:#859fa9;}
:where([data-mndset-shell]) .utility-next-copy h3 {font:600 24px/1.3 Inter,Arial,sans-serif;letter-spacing:-.035em;color:#e3edf4;margin:9px 0 11px;}
:where([data-mndset-shell]) .utility-next-copy p {font:400 12px/1.9 Inter,Arial,sans-serif;color:#95a8bd;max-width:620px;margin:0;}
:where([data-mndset-shell]) .utility-next-actions {display:grid;gap:10px;min-width:180px;}
:where([data-mndset-shell]) .utility-next-actions a {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 17px;min-height:43px;text-decoration:none;font:600 11px/1.6 Inter,Arial,sans-serif;border-radius:9px;letter-spacing:0;}
:where([data-mndset-shell]) .utility-next-primary {background:#a3eec7;color:#102318;border:1px solid #a3eec7;}
:where([data-mndset-shell]) .utility-next-primary:hover {background:#c1ffde;}
:where([data-mndset-shell]) .utility-next-secondary {background:transparent;border:1px solid #b7ccdb20;color:#adc9c2;}
:where([data-mndset-shell]) .utility-next-secondary:hover {border-color:#b2e5d249;color:#d1f4e6;}
:where([data-mndset-shell]) main > .refresh-simulator-section {padding-top:150px;padding-bottom:70px;}
:where([data-mndset-shell]) .refresh-simulator {display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.9fr);gap:25px;align-items:stretch;padding:25px;border:1px solid #b7ced91c;border-radius:20px;background:#0e1621;}
:where([data-mndset-shell]) .simulator-workspace {min-width:0;display:flex;flex-direction:column;gap:18px;padding:6px;}
:where([data-mndset-shell]) .simulator-controls-header {display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:3px;}
:where([data-mndset-shell]) .simulator-eyebrow {font:600 8px/1.7 Inter,Arial,sans-serif;letter-spacing:.13em;color:#91adaf;}
:where([data-mndset-shell]) .simulator-controls-header h3 {font:600 22px/1.35 Inter,Arial,sans-serif;letter-spacing:-.03em;color:#e2ebf6;margin:10px 0 0;}
:where([data-mndset-shell]) .simulator-reset {display:inline-flex;gap:9px;align-items:center;font:500 10px Inter,Arial,sans-serif;color:#9baec1;background:#ffffff03;border:1px solid #b6d1e01a;border-radius:7px;padding:9px 11px;cursor:pointer;}
:where([data-mndset-shell]) .simulator-reset:hover {border-color:#b6d1e04a;color:#dbe8f5;}
:where([data-mndset-shell]) .simulator-control {min-width:0;border:1px solid #b7d4e113;background:#0a111b7a;border-radius:12px;padding:20px;}
:where([data-mndset-shell]) .simulator-label-row {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;}
:where([data-mndset-shell]) .simulator-label-row label {font:500 12px/1.6 Inter,Arial,sans-serif;color:#c3d1e0;}
:where([data-mndset-shell]) .simulator-control-value {display:inline-flex;gap:5px;align-items:baseline;color:#b6eed1;font:600 16px/1.5 Inter,Arial,sans-serif;}
:where([data-mndset-shell]) .simulator-control-value > span {color:#78978e;font:500 10px Inter,Arial,sans-serif;}
:where([data-mndset-shell]) .simulator-range {display:block;-webkit-appearance:none;appearance:none;accent-color:#a3eec7;width:100%;height:5px;border:0;border-radius:4px;padding:0;margin:0;outline:none;background:linear-gradient(to right,#95d8b9 0%,#95d8b9 var(--sim-progress,0%),#263246 var(--sim-progress,0%),#263246 100%);cursor:pointer;}
:where([data-mndset-shell]) .simulator-range::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;background:#b7f4d4;border:3px solid #194635;box-shadow:0 0 0 3px #a4efc210;}
:where([data-mndset-shell]) .simulator-range::-moz-range-thumb {width:13px;height:13px;border-radius:50%;background:#b7f4d4;border:3px solid #194635;}
:where([data-mndset-shell]) .simulator-range-limits {display:flex;justify-content:space-between;margin-top:11px;color:#637e97;font:400 8px/1.6 Inter,Arial,sans-serif;}
:where([data-mndset-shell]) .simulator-control > p {font:400 10px/1.8 Inter,Arial,sans-serif;color:#839ab6;margin:12px 0 0;max-width:430px;}
:where([data-mndset-shell]) .simulator-formula {display:flex;align-items:center;gap:12px;padding:0 4px;color:#738c9f;font:400 9px/1.8 Inter,Arial,sans-serif;margin-top:auto;}
:where([data-mndset-shell]) .simulator-formula i {color:#8db6ac;}
:where([data-mndset-shell]) .simulator-summary {min-width:0;display:flex;flex-direction:column;padding:28px;border:1px solid #b5dfcd24;border-radius:14px;background:radial-gradient(ellipse at 0 0,#20463766,transparent 80%),#111d29;}
:where([data-mndset-shell]) .simulator-result-top {display:flex;justify-content:space-between;align-items:center;gap:15px;}
:where([data-mndset-shell]) .simulator-example-pill {font:500 8px/1.6 Inter,Arial,sans-serif;color:#9bc4b7;border:1px solid #c0ebd51f;border-radius:5px;padding:4px 8px;background:#a4dfc505;}
:where([data-mndset-shell]) .simulator-result {display:flex;gap:13px;align-items:baseline;flex-wrap:wrap;margin:33px 0 18px;}
:where([data-mndset-shell]) .simulator-result > output {font:650 clamp(36px,4.5vw,58px)/1.08 Inter,Arial,sans-serif;letter-spacing:-.055em;color:#e1f4eb;background:none;-webkit-text-fill-color:#e1f4eb;}
:where([data-mndset-shell]) .simulator-result > span {font:500 12px Inter,Arial,sans-serif;color:#87ada6;}
:where([data-mndset-shell]) .simulator-multiplier {display:inline-flex;align-self:flex-start;gap:9px;align-items:center;font:500 10px/1.6 Inter,Arial,sans-serif;color:#a3d6bf;border:0;background:#a4dfc509;border-radius:6px;padding:8px 11px;}
:where([data-mndset-shell]) .simulator-multiplier i {font-size:9px;}
:where([data-mndset-shell]) .simulator-explanation {font:400 12px/1.9 Inter,Arial,sans-serif;color:#91a9b9;margin:23px 0 28px;}
:where([data-mndset-shell]) .simulator-app-link {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding:14px 17px;min-height:47px;background:#a4efc8;border:1px solid #a4efc8;color:#102318;border-radius:9px;text-decoration:none;font:650 11px/1.6 Inter,Arial,sans-serif;}
:where([data-mndset-shell]) .simulator-app-link:hover {background:#c1ffdf;}
:where([data-mndset-shell]) .simulator-result-note {font:400 9px/1.8 Inter,Arial,sans-serif;color:#6f8d9d;margin-top:14px;}
:where([data-mndset-shell]) .simulator-method-note {font:400 9px/1.9 Inter,Arial,sans-serif;color:#6e849a;max-width:800px;margin:16px 0 0;padding-left:4px;}
@media(max-width:850px) {
 :where([data-mndset-shell]) .refresh-utility-next {grid-template-columns:40px minmax(0,1fr);gap:20px;padding:26px;}
 :where([data-mndset-shell]) .utility-next-actions {grid-column:2;grid-template-columns:1fr 1fr;min-width:0;max-width:420px;}
 :where([data-mndset-shell]) .utility-next-mark {width:40px;height:40px;}
 :where([data-mndset-shell]) .refresh-simulator {grid-template-columns:1fr;padding:20px;}
 :where([data-mndset-shell]) .simulator-summary {padding:28px;}
 :where([data-mndset-shell]) .simulator-result {margin-top:25px;}
}
@media(max-width:600px) {
 :where([data-mndset-shell]) .refresh-utility-next {grid-template-columns:1fr;padding:25px;gap:17px;}
 :where([data-mndset-shell]) .utility-next-mark {display:none;}
 :where([data-mndset-shell]) .utility-next-copy h3 {font-size:23px;}
 :where([data-mndset-shell]) .utility-next-actions {grid-column:1;grid-template-columns:1fr;max-width:none;}
 :where([data-mndset-shell]) .refresh-simulator {padding:14px;gap:18px;}
 :where([data-mndset-shell]) .simulator-workspace {padding:3px;gap:15px;}
 :where([data-mndset-shell]) .simulator-controls-header {gap:10px;}
 :where([data-mndset-shell]) .simulator-controls-header h3 {font-size:20px;}
 :where([data-mndset-shell]) .simulator-control {padding:19px 16px;}
 :where([data-mndset-shell]) .simulator-summary {padding:24px 21px;}
 :where([data-mndset-shell]) .simulator-result > output {font-size:46px;}
 :where([data-mndset-shell]) .simulator-formula {font-size:8px;}
 :where([data-mndset-shell]) .simulator-method-note {font-size:8px;}
}

/* v1.5 — community links with integrated, accurately labelled live counters. */
:where([data-mndset-shell]) .hero-social-prominent.community-links {display:flex!important;flex-wrap:wrap;gap:12px;align-items:stretch;justify-content:flex-start;margin:26px 0 0;max-width:none;width:auto;}
:where([data-mndset-shell]) .community-link {display:flex;align-items:center;gap:10px;min-height:50px;padding:11px 14px;border:1px solid #b5d0df26;border-radius:11px;background:#0b1623b8;backdrop-filter:blur(14px);text-decoration:none;box-shadow:inset 0 1px #ffffff05;transition:background .2s,border-color .2s;}
:where([data-mndset-shell]) .community-link:hover {background:#152338e6;border-color:#a8dec34d;transform:none;}
:where([data-mndset-shell]) .community-link-icon {width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;background:#62b9dd12;color:#71cae8;font-size:15px;}
:where([data-mndset-shell]) .community-discord .community-link-icon {background:#a39bfa13;color:#aaa9f3;}
:where([data-mndset-shell]) .community-link-label {font:500 11px/1.6 Inter,Arial,sans-serif;letter-spacing:0;color:#cbd9e7;white-space:nowrap;}
:where([data-mndset-shell]) .community-count {display:inline-flex;align-items:center;gap:5px;padding-left:11px;margin-left:2px;border:0;border-left:1px solid #aecad923;border-radius:0;background:transparent;box-shadow:none;color:#acd7c3;font:600 10px/1.7 Inter,Arial,sans-serif;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums;}
:where([data-mndset-shell]) .community-count-label {font-weight:400;font-size:9px;color:#8ba79f;}
:where([data-mndset-shell]) .community-status-dot {width:4px;height:4px;flex:0 0 4px;background:#95d9b8;border-radius:50%;box-shadow:none;}
:where([data-mndset-shell]) .community-link-arrow {font-size:8px;color:#738fa1;margin-left:3px;}
/* Google's visible, native button remains responsible for opening account selection. */
:where([data-mndset-shell]) .portal-google-block {width:100%;min-width:0;margin:12px 0 0;}
:where([data-mndset-shell]) .portal-google-button {display:flex;justify-content:center;align-items:center;width:100%;min-width:0;min-height:44px;color:#9db1c6;font:400 12px/1.7 Inter,Arial,sans-serif;}
:where([data-mndset-shell]) .portal-google-button > div {max-width:100%;}
:where([data-mndset-shell]) .portal-google-status {margin-top:12px;border:1px solid #d7b99c2c;background:#d7b99c06;padding:12px 14px;border-radius:9px;color:#c4b7a9;font:400 11px/1.8 Inter,Arial,sans-serif;}
:where([data-mndset-shell]) .portal-google-status button {display:inline-flex;align-items:center;margin-top:9px;padding:7px 10px;border:1px solid #bbd7cb33;border-radius:6px;background:#b9e7d20b;color:#bce5d2;font:500 10px/1.7 Inter,Arial,sans-serif;cursor:pointer;}
:where([data-mndset-shell]) .portal-google-block [hidden] {display:none!important;}
@media(max-width:600px) {
 :where([data-mndset-shell]) .hero-social-prominent.community-links {gap:10px;width:100%;max-width:340px;}
 :where([data-mndset-shell]) .community-link {width:100%;padding:11px 13px;}
 :where([data-mndset-shell]) .community-link-label {margin-right:auto;font-size:12px;}
 :where([data-mndset-shell]) .community-count {font-size:11px;}
 :where([data-mndset-shell]) .community-count-label {font-size:10px;}
}

/* MNDSET multilingual interface 2.4 */
:where([data-mndset-shell]) .language-picker {position:relative;flex:0 0 auto;margin-left:12px;color:#dcebf4;font-family:Inter,Arial,sans-serif;z-index:1600;}
:where([data-mndset-shell]) .language-trigger {display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid #b6d5df35;border-radius:11px;background:#a6efca08;color:#bce8d2;cursor:pointer;list-style:none;transition:background .18s,border-color .18s;}
:where([data-mndset-shell]) .language-trigger::-webkit-details-marker {display:none;}:where([data-mndset-shell]) .language-trigger::marker {content:'';}
:where([data-mndset-shell]) .language-trigger > i:first-child {font-size:14px;}:where([data-mndset-shell]) .language-trigger > span {font-size:11px;font-weight:600;letter-spacing:.04em;}:where([data-mndset-shell]) .language-chevron {font-size:8px;opacity:.65;transition:transform .18s;}
:where([data-mndset-shell]) .language-picker[open] .language-chevron {transform:rotate(180deg);}:where([data-mndset-shell]) .language-picker[open] .language-trigger,:where([data-mndset-shell]) .language-trigger:hover {background:#a6efca17;border-color:#a6efca60;}
:where([data-mndset-shell]) .language-trigger:focus-visible,:where([data-mndset-shell]) .language-panel a:focus-visible {outline:2px solid #a6efca;outline-offset:4px;}
:where([data-mndset-shell]) .language-panel {position:absolute;top:calc(100% + 15px);right:0;width:320px;box-sizing:border-box;padding:11px;background:linear-gradient(150deg,#1b2d3d,#0e1927);border:1px solid #b6d5df30;border-radius:20px;box-shadow:0 22px 70px #0008;max-height:calc(100dvh - 110px);overflow-y:auto;}
:where([data-mndset-shell]) .language-panel-heading {padding:16px 14px 18px;}:where([data-mndset-shell]) .language-panel-heading > span {font:500 8px/1.6 Inter,Arial,sans-serif;letter-spacing:.18em;color:#82b3a5;}
:where([data-mndset-shell]) .language-panel-heading h2 {font:600 21px/1.3 Inter,Arial,sans-serif;letter-spacing:-.035em;text-transform:none;margin:9px 0 8px;color:#e2edf6;}
:where([data-mndset-shell]) .language-panel-heading p {font:400 11px/1.7 Inter,Arial,sans-serif;color:#8da8bf;margin:0;}
:where([data-mndset-shell]) .language-panel nav {display:grid;gap:5px;}:where([data-mndset-shell]) .language-panel nav > a {display:flex;align-items:center;gap:13px;padding:12px 13px;border:1px solid transparent;border-radius:11px;text-decoration:none;color:#afc4d7;min-height:54px;box-sizing:border-box;transition:background .15s;}
:where([data-mndset-shell]) .language-panel nav > a:hover {background:#bddcef08;}:where([data-mndset-shell]) .language-panel nav > a[aria-current] {background:#a6efca0c;border-color:#a6efca2d;color:#d5efdf;}
:where([data-mndset-shell]) .language-code {display:grid;place-items:center;flex:0 0 35px;height:33px;border:1px solid #b6d5df26;background:#07131e55;border-radius:8px;font-size:10px;font-weight:600;letter-spacing:.04em;}
:where([data-mndset-shell]) .language-name {display:grid;gap:3px;font-size:13px;font-weight:500;}:where([data-mndset-shell]) .language-name small {font-size:8px;font-weight:400;color:#789aaf;}:where([data-mndset-shell]) .language-panel nav > a > i {margin-left:auto;font-size:10px;color:#77a99c;}
:where([data-mndset-shell]) .language-panel-footer {display:flex;align-items:flex-start;gap:10px;border-top:1px solid #adc7dc19;padding:16px 14px 8px;margin-top:10px;font:400 9px/1.8 Inter,Arial,sans-serif;color:#7593aa;}:where([data-mndset-shell]) .language-panel-footer i {margin-top:3px;}
html[lang='de'] :where([data-mndset-shell]) .workspace-nav-link,html[lang='fr'] :where([data-mndset-shell]) .workspace-nav-link {font-size:11px;}:where([data-mndset-shell]) .workspace-nav-link > span {min-width:0;overflow-wrap:anywhere;}
html:not([lang='en']) :where([data-mndset-shell]) .workspace-mobile-item > strong {font-size:8px;white-space:normal;text-align:center;line-height:1.4;}
@media(max-width:1400px) and (min-width:993px) {html:not([lang='en']) :where([data-mndset-shell]) .navbar .nav-menu.hide-mobile {display:none!important;}html:not([lang='en']) :where([data-mndset-shell]) .navbar .nav-system-meta {display:none!important;}html:not([lang='en']) :where([data-mndset-shell]) .navbar #mobile-menu {display:flex!important;}html:not([lang='en']) :where([data-mndset-shell]) .language-picker {margin-left:auto;}}
@media(max-width:1200px) {:where([data-mndset-shell]) .language-picker {margin-left:auto;}}
@media(max-width:800px) {:where([data-mndset-shell]) .language-picker {margin-left:auto;margin-right:16px;}:where([data-mndset-shell]) .language-trigger {min-height:44px;padding:8px 10px;}:where([data-mndset-shell]) .language-panel {position:fixed;top:88px;right:14px;width:min(340px,calc(100vw - 28px));max-height:calc(100dvh - 108px);}:where([data-mndset-shell]) .language-panel nav > a {min-height:57px;}}
@media(prefers-reduced-motion:reduce) {:where([data-mndset-shell]) .language-trigger,:where([data-mndset-shell]) .language-chevron,:where([data-mndset-shell]) .language-panel nav > a {transition:none;}}

/* MNDSET 2.4.1: size navigation from the translated labels, not language guesses. */
:where([data-mndset-shell]) #mainNav .brand-interface,:where([data-mndset-shell]) #mainNav .language-picker,:where([data-mndset-shell]) #mainNav #mobile-menu {flex-shrink:0;}
:where([data-mndset-shell]) #mainNav .brand-interface {white-space:nowrap;}
:where([data-mndset-shell]) #mainNav .nav-menu {flex:0 0 auto;flex-wrap:nowrap;}
:where([data-mndset-shell]) #mainNav .nav-menu > li {flex-shrink:0;}
:where([data-mndset-shell]) #mainNav .nav-menu > li > .nav-link {font-size:12px;white-space:nowrap;}
:where([data-mndset-shell]) #mainNav .nav-cta {flex-wrap:nowrap;}
:where([data-mndset-shell]) #mainNav .nav-cta .neural-header-btn {font-size:12px;white-space:nowrap;}
:where([data-mndset-shell]) #mainNav .language-picker {margin-left:auto;}
:where([data-mndset-shell]) #mainNav.nav-fit-tight .nav-menu {gap:12px;}
:where([data-mndset-shell]) #mainNav.nav-fit-tight .nav-menu > li > .nav-link {font-size:11px;letter-spacing:0;}
:where([data-mndset-shell]) #mainNav.nav-fit-tight .nav-cta .neural-header-btn {font-size:11px;padding:10px 12px;}
:where([data-mndset-shell]) #mainNav .nav-measure {position:fixed!important;left:-20000px!important;top:0!important;visibility:hidden!important;pointer-events:none!important;width:max-content!important;max-width:none!important;height:auto!important;display:flex!important;flex:0 0 auto!important;transition:none!important;}
@media(min-width:1201px) {
 :where([data-mndset-shell]) #mainNav.nav-fit-ready:not(.nav-fit-collapsed) .nav-menu.hide-mobile {display:flex!important;}
 :where([data-mndset-shell]) #mainNav.nav-fit-ready:not(.nav-fit-collapsed) #mobile-menu {display:none!important;}
 :where([data-mndset-shell]) #mainNav.nav-fit-collapsed .nav-menu.hide-mobile {display:none!important;}
 :where([data-mndset-shell]) #mainNav.nav-fit-collapsed #mobile-menu {display:flex!important;}
}
/* Conservative layout before the script or web fonts are ready. */
@media(min-width:993px) and (max-width:1600px) {
 :where([data-mndset-shell]) #mainNav:not(.nav-fit-ready) .nav-menu.hide-mobile {display:none!important;}
 :where([data-mndset-shell]) #mainNav:not(.nav-fit-ready) #mobile-menu {display:flex!important;}
}
html:not([lang='en']) :where([data-mndset-shell]) #mainNav:not(.nav-fit-ready) .nav-menu.hide-mobile {display:none!important;}
html:not([lang='en']) :where([data-mndset-shell]) #mainNav:not(.nav-fit-ready) #mobile-menu {display:flex!important;}

@media(min-width:1201px) {:where([data-mndset-shell]) #mainNav.nav-fit-ready:not(.nav-fit-collapsed) .language-picker {margin-left:0;}}