body {
        font-family: 'Inter', system-ui, sans-serif;
    }
 
 
 
 * { box-sizing: border-box; margin: 0; padding: 0; }.live-update-grid {
      width: 100%;
      max-width: 1300px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      gap: 0;
      overflow: hidden;
    }

    .promo-panel {
      position: relative;
      overflow: hidden;
      cursor: pointer;
      min-width: 0;
      background: #000;
      display: block;
    }

    .panel-bg-layer {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      transition: transform 8s cubic-bezier(0.22, 0.61, 0.35, 1);
    }

    .promo-panel:hover .panel-bg-layer {
      transform: scale(1.12);
    }

    .gradient-shade {
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);
      transition: background 0.5s ease;
    }

    .promo-panel:hover .gradient-shade {
      background: linear-gradient(135deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);
    }

    .content-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 40px;
      color: #fff;
      transform: translateY(20px);
      opacity: 0;
      transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
      z-index: 2;
    }

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

    .promo-title {
      font-size: 36px;
      font-weight: 900;
      line-height: 1.1;
      margin-bottom: 8px;
      text-shadow: 0 3px 12px rgba(0,0,0,0.9);
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      word-break: break-word;
    }

    .update-timestamp {
      font-size: 18px;
      font-weight: 600;
      color: #2869f5;
      text-shadow: 0 0 10px rgba(245, 245, 245, 0.5);
    }

    /* === DESKTOP: 1 large left + 2 stacked right === */
    @media (min-width: 993px) {
      .live-update-grid {
        height: 450px;
        flex-wrap: nowrap;
      }
      .main-promo-panel {
        flex: 0 0 68%;
        height: 100%;
      }
      .side-promo-stack {
        flex: 0 0 32%;
        display: flex;
        flex-direction: column;
        height: 100%;
      }
      .side-promo-panel {
        flex: 1;
        height: 50%;
      }
      .main-promo-panel .promo-title {
        font-size: 48px;
        -webkit-line-clamp: 3;
      }
      .main-promo-panel .content-overlay {
        padding: 48px;
        animation: fadeInUp 1s ease-out 0.3s forwards;
      }
      .side-promo-panel .promo-title {
        font-size: 28px;
      }
      .side-promo-panel .content-overlay {
        padding: 36px;
      }
      .side-promo-stack > .side-promo-panel:nth-child(1) .content-overlay {
        animation: fadeInUp 1s ease-out 0.5s forwards;
      }
      .side-promo-stack > .side-promo-panel:nth-child(2) .content-overlay {
        animation: fadeInUp 1s ease-out 0.7s forwards;
      }
    }

    /* === TABLET: 3 boxes side-by-side === */
    @media (max-width: 992px) and (min-width: 641px) {
      .live-update-grid {
        height: 360px;
      }
      .main-promo-panel,
      .side-promo-panel {
        flex: 1 1 33.333%;
        height: 100%;
        width: 33.333%;
      }
      .side-promo-stack {
        display: contents; /* Breaks stack, lets panels flow */
      }
      .promo-title { font-size: 28px; }
      .content-overlay { padding: 32px; }
      .update-timestamp { font-size: 16px; }
      .content-overlay { animation: fadeInUp 1s ease-out forwards; }
    }

    /* === MOBILE: 3 boxes stacked vertically === */
    @media (max-width: 640px) {
      .live-update-grid {
        height: auto;
        flex-direction: column;
      }
      .main-promo-panel,
      .side-promo-panel {
        width: 100% !important;
        height: 260px;
        flex: none;
      }
      .side-promo-stack {
        display: contents;
      }
      .promo-title {
        font-size: 26px !important;
        -webkit-line-clamp: 2 !important;
      }
      .content-overlay {
        padding: 24px !important;
      }
      .update-timestamp {
        font-size: 15px !important;
      }
      .content-overlay { animation: fadeInUp 1s ease-out forwards; }
    }

    @media (max-width: 480px) {
      .main-promo-panel,
      .side-promo-panel {
        height: 220px;
      }
      .promo-title { font-size: 22px !important; }
      .content-overlay { padding: 20px !important; }
      .update-timestamp { font-size: 14px !important; }
    }














     .executive-content-frame {
            width: 1300px;
            max-width: 100%;
            margin: 0 auto;
            padding: 60px 40px;
            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
        }

        /* Clean horizontal grid */
        .prestige-gallery-grid {
            display: grid;
            grid-template-columns: repeat(4, 288px);
            gap: 40px;
            justify-content: center;
        }

        /* Individual card */
        .elite-media-card {
            display: flex;
            flex-direction: column;
            opacity: 0;
            transform: translateY(30px);
            animation: professionalFadeIn 0.7s ease-out forwards;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* Staggered professional entrance */
        .elite-media-card:nth-child(1) { animation-delay: 0.1s; }
        .elite-media-card:nth-child(2) { animation-delay: 0.2s; }
        .elite-media-card:nth-child(3) { animation-delay: 0.3s; }
        .elite-media-card:nth-child(4) { animation-delay: 0.4s; }

        /* Image container with subtle overlay on hover */
        .elite-media-card a:first-child {
            display: block;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
            transition: all 0.4s ease;
            position: relative;
        }

        .elite-media-card a:first-child::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(transparent, rgba(0,0,0,0.15));
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .elite-media-card:hover a:first-child::after {
            opacity: 1;
        }

        .elite-media-card:hover a:first-child {
            transform: translateY(-4px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.14);
        }

        .elite-media-card img {
            width: 288px;
            height: 162px;
            object-fit: cover;
            display: block;
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .elite-media-card:hover img {
            transform: scale(1.06);
        }

        /* Title — clean, professional, supports long text */
        .executive-title-link {
            margin-top: 16px;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.45;
            color: #1a1a1a;
            text-decoration: none;
            display: block;
            max-width: 288px;
            transition: color 0.3s ease;
        }

        .elite-media-card:hover .executive-title-link {
            color: #004df2;
        }

        /* Entrance animation — subtle and premium */
        @keyframes professionalFadeIn {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Tablet — 2 columns */
        @media (max-width: 1100px) {
            .prestige-gallery-grid {
                grid-template-columns: repeat(2, 288px);
                gap: 30px;
            }
            .executive-content-frame {
                padding: 50px 20px;
            }
        }

        /* Mobile — 1 column */
        @media (max-width: 640px) {
            .prestige-gallery-grid {
                grid-template-columns: 1fr;
                gap: 32px;
                max-width: 320px;
                margin: 0 auto;
            }

            .elite-media-card img,
            .executive-title-link {
                width: 100%;
                max-width: 100%;
            }

            .elite-media-card img {
                height: auto;
                aspect-ratio: 288 / 162;
            }
        }














         .vx-hero-wrapper {
      position: relative;
      width: 100%;
      max-width: 1300px;
      height: 440px;
      margin: 0 auto;
      overflow: hidden;
      font-family: 'Segoe UI', Arial, sans-serif;
      background: #000;
      margin-top: 50px;
      border-radius: 20px; 
    }

    .vx-bg-video {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: translate(-50%, -50%);
      z-index: 1;
    }

    .vx-dark-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.55) 45%, transparent 70%);
      z-index: 2;
      pointer-events: none;
    }

    .vx-content-zone {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-width: 500px;
      padding: 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      z-index: 3;
      color: #fff;
    }

    .vx-logo-img {
      width: 180px;
      opacity: 0;
      transform: translateY(30px);
      animation: vxFadeUp 0.9s ease forwards 0.4s;
    }

    .vx-headline {
      font-size: 42px;
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 16px;
      opacity: 0;
      transform: translateY(30px);
      animation: vxFadeUp 0.9s ease forwards 0.6s;
    }

    .vx-subtext {
      font-size: 18px;
      line-height: 1.5;
      opacity: 0.9;
      margin-bottom: 32px;
      opacity: 0;
      transform: translateY(30px);
      animation: vxFadeUp 0.9s ease forwards 0.8s;
    }

    .vx-cta-button {
      align-self: flex-start;
      padding: 14px 32px;
      background: #004df2;
      color: #ffffff;
      font-weight: 600;
      text-decoration: none;
      border-radius: 50px;
      transition: all 0.3s ease;
      opacity: 0;
      transform: translateY(30px);
      animation: vxFadeUp 0.9s ease forwards 1s;
      box-shadow: 0 4px 15px rgba(0, 212, 255, 0.4);
    }

    .vx-cta-button:hover {
      background: #000000;
      transform: translateY(-3px);
      box-shadow: 0 8px 25px rgba(0, 212, 255, 0.6);
    }

    /* Animations */
    @keyframes vxFadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Disable right click on entire hero */
    .vx-hero-wrapper * {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      pointer-events: none;
    }

    .vx-cta-button {
      pointer-events: all !important;
    }

    /* Responsive */
    @media (max-width: 1024px) {
      .vx-hero-wrapper { height: 380px; }
      .vx-headline { font-size: 36px; }
      .vx-content-zone { padding: 30px; max-width: 450px; }
    }

    @media (max-width: 768px) {
      .vx-hero-wrapper { height: 70vh; min-height: 500px; }
      .vx-dark-overlay {
        background: rgba(0,0,0,0.78);
      }
      .vx-content-zone {
        max-width: 100%;
        text-align: center;
        align-items: center;
        padding: 20px;
      }
      .vx-headline { font-size: 32px; }
      .vx-subtext { font-size: 17px; }
      .vx-logo-img { width: 150px; }
    }

    @media (max-width: 480px) {
      .vx-headline { font-size: 28px; }
      .vx-subtext { font-size: 16px; }
      .vx-cta-button { padding: 12px 28px; }
    }












    :root {
        --glow: #004df2;
        --white: #ffffff;
        --trans: cubic-bezier(0.23, 1, 0.32, 1);
    }
     .forge-header {
        width: 1300px; max-width: 100%; margin: 0 auto 18px auto;
        display: flex; justify-content: space-between; align-items: center; padding: 0 26px;
        margin-top: 100px;
    }
    .forge-title {
        font-size: 28px; font-weight: 900; color: #111; letter-spacing: 2.2px; text-transform: uppercase;
    }
    .forge-cta {
        font-size: 16px; font-weight: 700; color: #222; text-decoration: none;
        display: flex; align-items: center; gap: 9px; transition: all 0.4s var(--trans);
    }
    .forge-cta:hover { color: var(--glow); text-shadow: 0 0 16px var(--glow); transform: translateX(7px); }
    .forge-cta::after { content: "→"; font-size: 21px; transition: transform 0.4s; }
    .forge-cta:hover::after { transform: translateX(7px); }

    /* MAIN BANNER */
    .vortex-grid {
        width: 1300px; max-width: 100%; height: 400px; margin: 0 auto;
        display: flex; border-radius: 24px; overflow: hidden;
        box-shadow: 0 55px 130px rgba(0,0,0,0.68); background: #000;
    }

    .vortex-panel {
        position: relative; overflow: hidden; cursor: pointer;
        transition: transform 0.85s var(--trans);
    }
    .vortex-panel:hover { transform: scale(1.038); }

    .vortex-main   { flex: 1.75; }   /* Left – bigger */
    .vortex-side   { flex: 1; }      /* Right – single static */

    .vortex-canvas {
        position: absolute; inset: 0;
        background: var(--img) center/cover no-repeat;
        transition: transform 15s ease;
    }
    .vortex-panel:hover .vortex-canvas { transform: scale(1.2); }

    .vortex-shade {
        position: absolute; inset: 0;
        background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.25) 55%, rgba(0,0,0,0.88) 100%);
        transition: background 0.85s var(--trans); pointer-events: none;
    }
    .vortex-panel:hover .vortex-shade {
        background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.45) 45%, rgba(0,0,0,0.96) 100%);
    }

    .vortex-content {
        position: absolute; bottom: 0; left: 0; right: 0;
        padding: 42px 32px; text-align: center; z-index: 3;
    }

    .vortex-heading {
        color: var(--white);
        font-size: 20px;
        font-weight: 900;
        letter-spacing: 1.3px;
        text-transform: uppercase;
        line-height: 1.18;
        max-width: 92%;
        margin: 0 auto;
        display: inline-block;
        transform: translateY(22px);
        opacity: 0;
        animation: ascend 1.2s forwards 0.4s;
    }
    @keyframes ascend { to { transform: translateY(0); opacity: 1; } }

    .vortex-heading::after {
        content: ''; position: absolute; bottom: -16px; left: 50%; width: 0; height: 5px;
        background: var(--glow); border-radius: 3px; box-shadow: 0 0 24px var(--glow);
        transition: width 0.9s var(--trans); transform: translateX(-50%);
    }
    .vortex-panel:hover .vortex-heading::after { width: 80%; }

    /* RESPONSIVE */
    @media (max-width: 1024px) {
        .vortex-grid { flex-direction: column; height: auto; }
        .vortex-main, .vortex-side { min-height: 380px; }
        .vortex-heading { font-size: 34px; max-width: 88%; }
    }
    @media (max-width: 640px) {
        .vortex-heading { font-size: 20px; }
        .forge-title { font-size: 23px; }
        .content{ margin-top: 35px; }
    }     














    .apex-container-summit {
            width: 1300px;
            max-width: 100%;
            margin: 0 auto;
            padding: 60px 40px;
            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
        }

        /* Clean horizontal grid */
        .vanguard-mosaic-layout {
            display: grid;
            grid-template-columns: repeat(4, 288px);
            gap: 40px;
            justify-content: center;
        }

        /* Individual card */
        .pinnacle-showcase-module {
            display: flex;
            flex-direction: column;
            opacity: 0;
            transform: translateY(30px);
            animation: refinedReveal 0.7s ease-out forwards;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* Staggered professional entrance */
        .pinnacle-showcase-module:nth-child(1) { animation-delay: 0.1s; }
        .pinnacle-showcase-module:nth-child(2) { animation-delay: 0.2s; }
        .pinnacle-showcase-module:nth-child(3) { animation-delay: 0.3s; }
        .pinnacle-showcase-module:nth-child(4) { animation-delay: 0.4s; }

        /* Image container with subtle overlay on hover */
        .pinnacle-showcase-module a:first-child {
            display: block;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
            transition: all 0.4s ease;
            position: relative;
        }

        .pinnacle-showcase-module a:first-child::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(transparent, rgba(0,0,0,0.15));
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .pinnacle-showcase-module:hover a:first-child::after {
            opacity: 1;
        }

        .pinnacle-showcase-module:hover a:first-child {
            transform: translateY(-4px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.14);
        }

        .pinnacle-showcase-module img {
            width: 288px;
            height: 162px;
            object-fit: cover;
            display: block;
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .pinnacle-showcase-module:hover img {
            transform: scale(1.06);
        }

        /* Title — clean, professional, supports long text */
        .sovereign-caption-anchor {
            margin-top: 16px;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.45;
            color: #1a1a1a;
            text-decoration: none;
            display: block;
            max-width: 288px;
            transition: color 0.3s ease;
        }

        .pinnacle-showcase-module:hover .sovereign-caption-anchor {
            color: #004df2;
        }

        /* Entrance animation — subtle and premium */
        @keyframes refinedReveal {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Tablet — 2 columns */
        @media (max-width: 1100px) {
            .vanguard-mosaic-layout {
                grid-template-columns: repeat(2, 288px);
                gap: 30px;
            }
            .apex-container-summit {
                padding: 50px 20px;
            }
        }

        /* Mobile — 1 column */
        @media (max-width: 640px) {
            .vanguard-mosaic-layout {
                grid-template-columns: 1fr;
                gap: 32px;
                max-width: 320px;
                margin: 0 auto;
            }

            .pinnacle-showcase-module img,
            .sovereign-caption-anchor {
                width: 100%;
                max-width: 100%;
            }

            .pinnacle-showcase-module img {
                height: auto;
                aspect-ratio: 288 / 162;
            }
        }
















        :root { --red:#004df2; --dark:#111; --bg:#fff; --gray:#e2e2e2; }
        * { box-sizing:border-box; margin:0; padding:0; }
        body { font-family:'Segoe UI',sans-serif; background:var(--bg); color:var(--dark); line-height:1.6; }
        .content-container { max-width:1300px; margin:0 auto; padding:0 20px; }
        h1 { font-size:clamp(36px,5vw,46px); font-weight:900; margin:80px 0 40px; padding-bottom:18px; border-bottom:5px solid var(--gray); }

        .grid-structure { display:flex; flex-wrap:wrap; gap:55px; margin-bottom:100px; }
        .primary-content { flex:1 1 100%; }
        .secondary-panel { flex:1 1 100%; }

        .post-entry {
            display:flex; gap:24px; padding:30px 0; border-bottom:1px solid var(--gray);
            opacity:0; transform:translateY(30px); transition:all .9s ease;
        }
        .post-entry.active { opacity:1; transform:none; }
        .post-entry img {
            width:180px; height:101px; object-fit:cover; border-radius:14px; flex-shrink:0;
            box-shadow:0 10px 30px rgba(0,0,0,.18);
        }
        .post-entry h3 { font-size:clamp(21px,4.5vw,26px); font-weight:700; line-height:1.35; margin-bottom:10px; }
        .post-entry a { color:var(--dark); text-decoration:none; }
        .post-entry a:hover { color:var(--red); }
        .post-meta { font-size:14px; color:#666; font-weight:500; }

        .info-module {
            background:#fafafa; border:1px solid var(--gray); border-radius:20px; padding:32px; margin-bottom:34px;
            box-shadow:0 8px 32px rgba(0,0,0,.1);
        }
        .info-module h3 {
            font-size:26px; color:var(--red); margin-bottom:22px; padding-bottom:14px;
            border-bottom:5px solid var(--red); font-weight:800;
        }

        .panel-listing {
            display:flex; gap:16px; align-items:center; padding:16px 0; border-bottom:1px dashed #ddd;
        }
        .panel-listing:last-child { border:none; }
        .panel-listing img {
            width:90px; height:51px; object-fit:cover; border-radius:10px; flex-shrink:0;
            box-shadow:0 4px 12px rgba(0,0,0,.12);
        }
        .panel-listing a {
            font-size:16px; color:var(--dark); text-decoration:none; line-height:1.4;
            display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
        }
        .panel-listing a:hover { color:var(--red); }

        .subscription-box {
            background:linear-gradient(135deg,#e74c3c,#c0392b); color:#fff; border-radius:22px; padding:38px; text-align:center;
            box-shadow:0 20px 55px rgba(231,76,60,.55);
        }
        .subscription-box h3 { color:#fff; border-color:rgba(255,255,255,.3); }
        .subscription-box p { opacity:.95; margin:16px 0 28px; font-size:17.5px; }
        .email-input { width:100%; padding:20px; border:none; border-radius:14px; font-size:18px; margin-bottom:18px; }
        .action-button { width:100%; background:#000; color:#fff; border:none; padding:20px; border-radius:14px; font-size:19px; font-weight:bold; cursor:pointer; transition:.3s; }
        .action-button:hover { background:#111; transform:translateY(-4px); }

        .promo-banner { height:250px;  border-radius:20px; display:flex; align-items:center; justify-content:center; color:#999; font-size:22px; }

        .loading-indicator { text-align:center; padding:100px 0; display:none; }
        .loading-indicator::after { content:''; width:64px; height:64px; border:10px solid #f0f0f0; border-top:10px solid var(--red); border-radius:50%; display:inline-block; animation:s 1s linear infinite; }
        @keyframes s { to { transform:rotate(360deg); } }

        /* MOBILE OPTIMIZATIONS */
        @media (max-width: 767px) {
            body { font-size:17px; line-height:1.65; -webkit-text-size-adjust:100%; }
            .content-container { padding:0 16px; }
            h1 { margin:60px 0 32px; font-size:clamp(32px, 8vw, 40px); }
            .grid-structure { gap:40px; margin-bottom:80px; }
            .post-entry { flex-direction: column; gap:18px; padding:28px 0; }
            .post-entry img { width:100%; height:auto; max-height:240px; aspect-ratio:16/9; border-radius:16px; }
            .post-entry h3 { font-size:clamp(22px, 6vw, 28px); }
            .panel-listing { padding:22px 0; gap:18px; }
            .panel-listing img { width:100px; height:56px; border-radius:12px; }
            .panel-listing a { font-size:17px; -webkit-line-clamp:3; }
            .info-module { padding:28px 24px; margin-bottom:36px; }
            .info-module h3 { font-size:24px; }
            .subscription-box { padding:36px 28px; }
            .subscription-box p { font-size:18px; }
            .email-input, .action-button { font-size:18px; padding:18px; }
            img { max-width:100%; height:auto; }
        }

        @media (min-width:768px) {
            .primary-content{flex:3 1 680px;}
            .secondary-panel{flex:1 1 340px; max-width:420px;}
        }
        @media (min-width:1200px) { .content-container{padding:0 40px;} }















         .voidFooterRealm {
            width: 100%;
            background-color: #000;
            color: #fff;
            padding: clamp(20px, 3vw, 30px) clamp(10px, 1.5vw, 20px);
            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
            box-sizing: border-box;
        }

        /* Main footer content wrapper */
        .nebulaFooterCore {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 2fr 1fr;
            gap: clamp(10px, 2vw, 20px);
            align-items: flex-start;
        }

        /* Logo section */
        .lunarLogoHub {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .lunarLogoHub a {
            display: inline-block;
        }

        .lunarLogoHub img {
            width: clamp(80px, 15vw, 120px);
            height: auto;
            filter: brightness(0) invert(1);
        }

        .lunarLogoHub p {
            font-size: clamp(10px, 2vw, 12px);
            opacity: 0.7;
            margin: 0;
            line-height: 1.3;
        }

        /* Navigation links */
        .astroNavCluster {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
            gap: clamp(6px, 1vw, 8px);
        }

        .astroNavCluster ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .astroNavCluster li {
            margin-bottom: 6px;
        }

        .astroNavCluster a {
            color: #fff;
            text-decoration: none;
            font-size: clamp(11px, 2vw, 13px);
            font-weight: 500;
            transition: color 0.3s ease, transform 0.2s ease;
        }

        .astroNavCluster a:hover {
            color: #007bff;
            transform: translateX(4px);
        }

        /* Social media section */
        .cosmicSocialSphere {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .cosmicSocialSphere h3 {
            font-size: clamp(14px, 2.5vw, 16px);
            font-weight: 600;
            margin: 0;
        }

        .stellarSocialIcons {
            display: flex;
            flex-wrap: wrap;
            gap: clamp(6px, 1vw, 8px);
        }

        .stellarSocialIcons a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            transition: background 0.3s ease, transform 0.2s ease;
        }

        .stellarSocialIcons a:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: scale(1.1);
        }

        .stellarSocialIcons svg {
            width: 20px;
            height: 20px;
            fill: #fff;
        }

        /* Responsive adjustments */
        @media (max-width: 1024px) {
            .nebulaFooterCore {
                grid-template-columns: 1fr 1fr;
                gap: clamp(8px, 1.5vw, 15px);
            }

            .cosmicSocialSphere {
                grid-column: 1 / -1;
                align-items: center;
                text-align: center;
            }

            .stellarSocialIcons {
                justify-content: center;
            }
        }

        @media (max-width: 768px) {
            .voidFooterRealm {
                padding: clamp(10px, 2vw, 20px) clamp(8px, 1vw, 15px);
            }

            .nebulaFooterCore {
                grid-template-columns: 1fr;
                gap: clamp(10px, 2vw, 15px);
            }

            .lunarLogoHub {
                align-items: center;
                text-align: center;
            }

            .astroNavCluster {
                grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
                justify-items: center;
            }

            .astroNavCluster ul {
                text-align: center;
            }
        }

        @media (max-width: 480px) {
            .voidFooterRealm {
                padding: clamp(8px, 1.5vw, 15px) clamp(5px, 0.75vw, 10px);
            }

            .lunarLogoHub img {
                width: clamp(60px, 20vw, 100px);
            }

            .lunarLogoHub p {
                font-size: clamp(9px, 2vw, 11px);
            }

            .astroNavCluster {
                grid-template-columns: 1fr;
            }

            .astroNavCluster ul {
                margin-bottom: 8px;
            }

            .astroNavCluster a {
                font-size: clamp(10px, 2vw, 12px);
            }

            .cosmicSocialSphere h3 {
                font-size: clamp(12px, 2.5vw, 14px);
            }

            .stellarSocialIcons a {
                width: 28px;
                height: 28px;
            }

            .stellarSocialIcons svg {
                width: 16px;
                height: 16px;
            }
        }

        @media (max-width: 360px) {
            .voidFooterRealm {
                padding: clamp(5px, 1.5vw, 10px) clamp(3px, 0.75vw, 5px);
            }

            .lunarLogoHub img {
                width: clamp(50px, 20vw, 80px);
            }

            .lunarLogoHub p {
                font-size: clamp(8px, 2vw, 10px);
            }

            .astroNavCluster a {
                font-size: clamp(9px, 2vw, 11px);
            }

            .cosmicSocialSphere h3 {
                font-size: clamp(11px, 2.5vw, 13px);
            }

            .stellarSocialIcons a {
                width: 24px;
                height: 24px;
            }

            .stellarSocialIcons svg {
                width: 14px;
                height: 14px;
            }
        }