:root { --bg: #121212; --card: #1e1e1e; --text: #e0e0e0; --accent: #337e65; } 
        * { margin:0; padding:0; box-sizing:border-box; }
        body { font-family: 'Segoe UI', Arial, sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; }
        a { color: var(--accent); text-decoration: none; }
        a:hover { text-decoration: underline; }

        /* Top Nav */
        .spd-top-nav { background:#0d0d0d; padding:0.9rem 0; text-align:center; font-size:0.95rem; border-bottom:1px solid #222; position:sticky; top:0; z-index:100; }
        .spd-top-nav a { color:#aaa; margin:0 1.1rem; transition:color .25s; }
        .spd-top-nav a:hover { color:#fff; }
        .spd-top-nav a.active { color:var(--accent); font-weight:600; }
        body
        /* Hero */
        .spd-hero { width:100%; height:300px; background:linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.75)), url('/assets/images/brand/') center/cover no-repeat; display:flex; align-items:center; justify-content:center; margin-bottom:3rem; }
        .spd-hero-title { font-size:7.5rem; font-weight:900; color:#fff; letter-spacing:-4px; text-shadow:0 10px 30px rgba(0,0,0,0.9); }

        .spd-container { max-width:1400px; margin:0 auto; padding:0 2rem 5rem; display:grid; grid-template-columns:1fr 320px; gap:3rem; }

        .spd-posts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }

        .spd-post-card { background:var(--card); border-radius:14px; overflow:hidden; box-shadow:0 6px 20px rgba(0,0,0,0.4); transition:all .35s ease; opacity:0; transform:translateY(40px); }
        .spd-post-card.spd-visible { opacity:1; transform:none; }
        .spd-post-card:hover { transform:translateY(-12px); box-shadow:0 20px 40px rgba(30, 233, 172, 0.404); }

        .spd-post-thumbnail { width:100%; height:210px; object-fit:cover; background:#333; }
        .spd-post-meta { padding:1.4rem; }
        .spd-post-timestamp { color:#888; font-size:0.9rem; margin-bottom:0.6rem; display:flex; gap:0.5rem; align-items:center; }
        .spd-comments-badge { background:var(--accent); color:#fff; font-weight:bold; font-size:0.8rem; padding:4px 10px; border-radius:20px; }
        .spd-post-title { font-size:1.32rem; font-weight:700; margin:0.6rem 0; display:block; line-height:1.3; color:#fff; }
        .spd-post-title:hover { color:var(--accent); }
        .spd-post-excerpt { color:#bbb; font-size:0.98rem; margin-bottom:1rem; }
        .spd-post-footer { display:flex; justify-content:space-between; font-size:0.88rem; color:#666; }

        .spd-load-more { grid-column:1/-1; text-align:center; margin:4rem 0; }
        .spd-load-more button { background:var(--accent); color:#fff; border:none; padding:1rem 3.5rem; font-size:1.15rem; font-weight:bold; border-radius:50px; cursor:pointer; transition:all .3s; }
        .spd-load-more button:hover { background:#ff4081; transform:scale(1.06); }

        /* Sidebar */
        aside { display:flex; flex-direction:column; gap:1.5rem; position:sticky; top:2rem; height:fit-content; }
        .spd-sidebar-title { font-size:1.2rem; margin-bottom:0.8rem; color:#fff; border-bottom:2px solid var(--accent); padding-bottom:0.4rem; }
        .spd-trending-container { width:300px; height:auto; padding-right:8px; }
        .spd-trending-item { margin-bottom:1rem; padding-bottom:0.8rem; border-bottom:1px dashed #444; }
        .spd-trending-item:last-child { border:none; margin-bottom:0; }
        .spd-trending-title { font-weight:bold; font-size:1rem; display:block; margin-bottom:0.2rem; }

        .spd-events-carousel { width:300px; height:250px; position:relative; overflow:hidden; border-radius:8px; background:#111; }
        .spd-carousel-track { display:flex; transition:transform .5s ease; }
        .spd-carousel-slide { min-width:300px; height:250px; }
        .spd-carousel-slide img { width:100%; height:150px; object-fit:cover; }
        .spd-carousel-slide .spd-event-title { font-size:0.95rem; font-weight:bold; padding:0.5rem; color:#fff; }
        .spd-carousel-slide .spd-event-meta { font-size:0.8rem; color:#bbb; padding:0 0.5rem 0.5rem; }
        .spd-carousel-nav { position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.6); color:#fff; border:none; padding:0.5rem; cursor:pointer; font-size:1.2rem; }
        .spd-carousel-nav.spd-prev { left:5px; }
        .spd-carousel-nav.spd-next { right:5px; }

        .spd-ad-box { width:300px; height:250px; border:1px solid #444; border-radius:8px; overflow:hidden; transition:height .4s ease; cursor:pointer; }
        .spd-ad-box.spd-collapsed { height:40px; }
        .spd-ad-header { background:#333; padding:0.5rem; text-align:center; color:#fff; font-size:0.9rem; transition:opacity .3s; }
        .spd-ad-content { width:100%; height:210px; background:#000; }

        .spd-youtube-video iframe { width:300px; height:250px; border-radius:8px; }

        /* Responsive */
        @media (max-width:1100px) { .spd-posts-grid { grid-template-columns:repeat(2,1fr); } }
        @media (max-width:768px) {
            .spd-hero-title { font-size:4.8rem; }
            .spd-container { grid-template-columns:1fr; padding:0 1rem; }
            .spd-posts-grid { grid-template-columns:1fr; }
            aside { position:static; }
            .spd-trending-container,.spd-events-carousel,.spd-ad-box,.spd-youtube-video iframe { width:100%; max-width:300px; }
        }

        /* Footer - unchanged */
        .voidFooterRealm { width:100%; background:#000; color:#fff; padding:clamp(20px,3vw,30px) clamp(10px,1.5vw,20px); }
        .nebulaFooterCore { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 2fr 1fr; gap:clamp(10px,2vw,20px); align-items:flex-start; }
        .lunarLogoHub img { width:clamp(80px,15vw,120px); filter:brightness(0) invert(1); }
        .astroNavCluster { display:grid; grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); gap:clamp(6px,1vw,8px); }
        .astroNavCluster a { color:#fff; font-size:clamp(11px,2vw,13px); font-weight:500; transition:color .3s,transform .2s; }
        .astroNavCluster a:hover { color:#e91e63; transform:translateX(4px); }
        .cosmicSocialSphere h3 { font-size:clamp(14px,2.5vw,16px); margin:0 0 8px; }
        .stellarSocialIcons { display:flex; flex-wrap:wrap; gap:clamp(6px,1vw,8px); }
        .stellarSocialIcons a { width:32px; height:32px; background:rgba(255,255,255,0.1); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:all .3s; }
        .stellarSocialIcons a:hover { background:rgba(233,30,99,0.4); transform:scale(1.1); }
        .stellarSocialIcons svg { width:20px; height:20px; fill:#fff; }
        @media (max-width:1024px) { .nebulaFooterCore { grid-template-columns:1fr 1fr; } .cosmicSocialSphere { grid-column:1/-1; text-align:center; } }
        @media (max-width:768px) { .nebulaFooterCore { grid-template-columns:1fr; } }