/* GhostBase Home V2.4 — Community Motion */
.page-home .gb-home-motion-v24{overflow:hidden;padding:22px 0 18px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#080d10,#091013)}
.page-home .gb-home-motion-head-v24{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:14px}
.page-home .gb-home-motion-head-v24 h2{margin:4px 0 0;font-size:18px;letter-spacing:-.02em}.page-home .gb-home-motion-head-v24>a,.page-home .gb-home-radar-head-v24>a{color:#ff7614;text-decoration:none;font-size:10px;font-weight:950}
.page-home .gb-home-marquee-shell-v24{position:relative;overflow:hidden}.page-home .gb-home-marquee-track-v24{display:flex;width:max-content;animation:gbTeamsV24 64s linear infinite;will-change:transform}.page-home .gb-home-marquee-shell-v24:hover .gb-home-marquee-track-v24{animation-play-state:paused}
.page-home .gb-home-marquee-group-v24{display:flex;flex-shrink:0;gap:10px;padding-right:10px}
.page-home .gb-home-team-chip-v24{display:grid;grid-template-columns:54px minmax(145px,1fr);gap:10px;align-items:center;min-width:235px;padding:8px;border:1px solid #263b43;border-radius:14px;background:#0a1519;color:#eef3f5;text-decoration:none;transition:.18s}
.page-home .gb-home-team-chip-v24:hover{transform:translateY(-2px);border-color:#a94e13;background:#10181b}
.page-home .gb-home-team-logo-v24{width:54px;height:54px;overflow:hidden;border:1px solid #2b4149;border-radius:12px;background:#071115}.page-home .gb-home-team-logo-v24 img{width:100%;height:100%;display:block;object-fit:contain;padding:3px;box-sizing:border-box}
.page-home .gb-home-team-copy-v24{display:grid;gap:3px;min-width:0}.page-home .gb-home-team-copy-v24 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.page-home .gb-home-team-copy-v24 small{color:#71868e;font-size:8px;text-transform:uppercase}
.page-home .gb-home-marquee-fade-v24{position:absolute;top:0;bottom:0;z-index:3;width:90px;pointer-events:none}.page-home .gb-home-marquee-fade-v24.is-left{left:0;background:linear-gradient(90deg,#091013,transparent)}.page-home .gb-home-marquee-fade-v24.is-right{right:0;background:linear-gradient(270deg,#091013,transparent)}
@keyframes gbTeamsV24{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.page-home .gb-home-radar-v24{padding:38px 0 42px;background:#080d10;border-bottom:1px solid rgba(255,255,255,.06)}
.page-home .gb-home-radar-head-v24{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:17px}.page-home .gb-home-radar-head-v24 h2{margin:5px 0;font-size:clamp(25px,2.5vw,34px);letter-spacing:-.03em}.page-home .gb-home-radar-head-v24 p{margin:0;color:#7d9199;font-size:10px}
.page-home .gb-home-radar-grid-v24{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.75fr);gap:14px;min-height:350px}
.page-home .gb-home-radar-lead-v24{position:relative;min-height:350px;overflow:hidden;display:flex;align-items:flex-end;border:1px solid #283c44;border-radius:17px;background:#0b1519;color:#fff;text-decoration:none}
.page-home .gb-home-radar-lead-v24>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-home .gb-home-radar-overlay-v24{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,8,.92),rgba(3,6,8,.42) 62%,rgba(3,6,8,.16)),linear-gradient(0deg,rgba(0,0,0,.62),transparent 60%)}
.page-home .gb-home-radar-copy-v24{position:relative;z-index:2;max-width:620px;padding:25px}.page-home .gb-home-radar-copy-v24>span,.page-home .gb-home-radar-cardcopy-v24>small{color:#ff7614;font-size:8px;font-weight:950}.page-home .gb-home-radar-copy-v24 h3{margin:7px 0 8px;font-size:clamp(23px,2.4vw,34px);line-height:1.02}.page-home .gb-home-radar-copy-v24 p{max-width:560px;color:#b1bdc1;font-size:10px;line-height:1.5}.page-home .gb-home-radar-copy-v24 b{font-size:10px;color:#fff}
.page-home .gb-home-radar-side-v24{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}.page-home .gb-home-radar-card-v24{display:grid;grid-template-columns:126px 1fr;overflow:hidden;border:1px solid #263b43;border-radius:14px;background:#0a1519;color:#eef3f5;text-decoration:none}.page-home .gb-home-radar-thumb-v24{min-height:100px;background:#071115}.page-home .gb-home-radar-thumb-v24 img{width:100%;height:100%;object-fit:cover}.page-home .gb-home-radar-cardcopy-v24{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px}.page-home .gb-home-radar-cardcopy-v24 strong{font-size:11px;line-height:1.2}.page-home .gb-home-radar-cardcopy-v24 i{color:#80949c;font-size:8px;font-style:normal}
@media(max-width:900px){.page-home .gb-home-radar-grid-v24{grid-template-columns:1fr}.page-home .gb-home-radar-side-v24{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.page-home .gb-home-radar-card-v24{grid-template-columns:1fr}.page-home .gb-home-radar-thumb-v24{height:120px}}
@media(max-width:620px){.page-home .gb-home-motion-head-v24,.page-home .gb-home-radar-head-v24{align-items:flex-start;flex-direction:column}.page-home .gb-home-marquee-fade-v24{width:34px}.page-home .gb-home-team-chip-v24{min-width:205px;grid-template-columns:48px 1fr}.page-home .gb-home-team-logo-v24{width:48px;height:48px}.page-home .gb-home-radar-side-v24{grid-template-columns:1fr}.page-home .gb-home-radar-lead-v24{min-height:315px}}
@media(prefers-reduced-motion:reduce){.page-home .gb-home-marquee-track-v24{animation:none;overflow-x:auto}}


/* =========================================================
   GhostBase Home V2.4.1 — Hero Logo Motion
   ========================================================= */

.page-home .gb-home-fallback{
    min-height:520px;
    position:relative;
    overflow:hidden;
}

.page-home .gb-home-fallback .hero-inner{
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;
    align-items:center!important;
    gap:54px!important;
    min-height:520px!important;
}

.page-home .gb-home-fallback .hero-copy{
    position:relative;
    z-index:5;
}

.page-home .gb-hero-visual-v241{
    position:relative;
    width:min(100%,680px);
    aspect-ratio:1.35/1;
    justify-self:end;
    overflow:hidden;
    isolation:isolate;
    border-radius:28px;
    background:
        radial-gradient(circle at 50% 50%,rgba(255,108,0,.09),transparent 29%),
        radial-gradient(circle at 72% 20%,rgba(255,108,0,.055),transparent 22%),
        linear-gradient(135deg,rgba(8,17,21,.3),rgba(6,11,14,.02));
}

.page-home .gb-hero-visual-v241::before{
    content:"";
    position:absolute;
    inset:9%;
    z-index:-3;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,102,0,.16),rgba(255,102,0,.025) 44%,transparent 68%);
    filter:blur(22px);
    animation:gbHeroPulseV241 4.8s ease-in-out infinite;
}

.page-home .gb-hero-visual-v241::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:-5;
    background:conic-gradient(from 180deg,transparent 0 16%,rgba(255,112,0,.06) 18% 20%,transparent 22% 45%,rgba(255,112,0,.045) 47% 49%,transparent 51%);
    animation:gbHeroAtmosphereV241 18s linear infinite;
}

.page-home .gb-hero-grid-v241{
    position:absolute;
    inset:0;
    z-index:-4;
    opacity:.21;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:radial-gradient(circle at center,#000 18%,transparent 72%);
    animation:gbHeroGridV241 14s linear infinite;
}

.page-home .gb-hero-scan-v241{
    position:absolute;
    left:8%;right:8%;
    height:1px;
    top:12%;
    z-index:2;
    opacity:.55;
    background:linear-gradient(90deg,transparent,#ff6b00 28%,#ffa151 50%,#ff6b00 72%,transparent);
    box-shadow:0 0 16px rgba(255,107,0,.4);
    animation:gbHeroScanV241 5.6s ease-in-out infinite;
}

.page-home .gb-hero-ring-v241{
    position:absolute;
    left:50%;top:50%;
    border-radius:50%;
    transform:translate(-50%,-50%);
    pointer-events:none;
}

.page-home .gb-hero-ring-v241::before,
.page-home .gb-hero-ring-v241::after{
    content:"";
    position:absolute;
    border-radius:inherit;
    inset:0;
}

.page-home .gb-hero-ring-v241.ring-one{
    width:58%;aspect-ratio:1;
    border:1px solid rgba(255,112,0,.28);
    box-shadow:inset 0 0 34px rgba(255,107,0,.035),0 0 22px rgba(255,107,0,.025);
    animation:gbHeroRingOneV241 15s linear infinite;
}

.page-home .gb-hero-ring-v241.ring-one::before{
    inset:-7px;
    border-top:2px solid rgba(255,111,0,.82);
    border-right:1px solid transparent;
    border-bottom:1px solid rgba(255,111,0,.1);
}

.page-home .gb-hero-ring-v241.ring-two{
    width:73%;aspect-ratio:1;
    border:1px dashed rgba(92,117,126,.28);
    animation:gbHeroRingTwoV241 24s linear infinite reverse;
}

.page-home .gb-hero-ring-v241.ring-two::before{
    inset:9%;
    border-left:1px solid rgba(255,111,0,.18);
    border-right:1px solid rgba(255,111,0,.06);
}

.page-home .gb-hero-ring-v241.ring-three{
    width:88%;aspect-ratio:1;
    border:1px solid rgba(92,117,126,.12);
    animation:gbHeroBreathV241 5s ease-in-out infinite;
}

.page-home .gb-hero-orbit-v241{
    position:absolute;
    left:50%;top:50%;
    border-radius:50%;
    transform:translate(-50%,-50%);
    border:1px solid transparent;
}

.page-home .gb-hero-orbit-v241.orbit-one{
    width:66%;aspect-ratio:1;
    animation:gbHeroOrbitV241 9s linear infinite;
}
.page-home .gb-hero-orbit-v241.orbit-two{
    width:82%;aspect-ratio:1;
    animation:gbHeroOrbitV241 14s linear infinite reverse;
}
.page-home .gb-hero-orbit-v241 i{
    position:absolute;
    width:6px;height:6px;
    top:-3px;left:50%;
    border-radius:50%;
    background:#ff7a18;
    box-shadow:0 0 16px rgba(255,107,0,.95),0 0 30px rgba(255,107,0,.42);
}
.page-home .gb-hero-orbit-v241.orbit-two i{
    width:4px;height:4px;top:24%;left:96%;
    background:#80a6b5;
    box-shadow:0 0 14px rgba(128,166,181,.65);
}

.page-home .gb-hero-particles-v241{
    position:absolute;inset:0;
}
.page-home .gb-hero-particles-v241 i{
    position:absolute;
    left:var(--x);top:var(--y);
    width:3px;height:3px;
    border-radius:50%;
    background:#ff7414;
    opacity:.2;
    box-shadow:0 0 10px rgba(255,107,0,.7);
    animation:gbHeroParticleV241 var(--d) ease-in-out infinite;
}

.page-home .gb-hero-logo-aura-v241{
    position:absolute;
    left:50%;top:50%;
    width:54%;aspect-ratio:1;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,107,0,.18),rgba(255,107,0,.04) 43%,transparent 70%);
    filter:blur(16px);
    animation:gbHeroAuraV241 4.2s ease-in-out infinite;
}

.page-home .gb-hero-logo-wrap-v241{
    position:absolute;
    left:50%;top:50%;
    width:45%;
    aspect-ratio:1;
    display:grid;
    place-items:center;
    transform:translate(-50%,-50%);
    animation:gbHeroFloatV241 5.4s ease-in-out infinite;
}

.page-home .gb-hero-logo-v241{
    width:100%;
    height:100%;
    object-fit:contain;
    filter:
        drop-shadow(0 18px 34px rgba(0,0,0,.42))
        drop-shadow(0 0 15px rgba(255,107,0,.21));
    transform:translateZ(0);
    animation:gbHeroLogoGlowV241 4.7s ease-in-out infinite;
}

.page-home .gb-hero-hud-v241{
    position:absolute;
    z-index:3;
    display:flex;
    align-items:center;
    gap:8px;
    color:#8298a1;
    font-size:7px;
    letter-spacing:.12em;
}
.page-home .gb-hero-hud-v241 b{
    color:#d9e1e4;
    font-size:7px;
}
.page-home .gb-hero-hud-v241 small{
    color:#58e391;
    font-size:6px;
}
.page-home .gb-hero-hud-v241 span{
    width:34px;height:1px;
    background:linear-gradient(90deg,transparent,#ff6b00);
}
.page-home .gb-hero-hud-v241.hud-top{
    top:12%;left:10%;
}
.page-home .gb-hero-hud-v241.hud-bottom{
    right:10%;bottom:12%;
}
.page-home .gb-hero-hud-v241.hud-bottom span{
    background:linear-gradient(90deg,#ff6b00,transparent);
}

@keyframes gbHeroFloatV241{
    0%,100%{transform:translate(-50%,-50%) translateY(0) rotate(-.7deg)}
    50%{transform:translate(-50%,-50%) translateY(-10px) rotate(.7deg)}
}
@keyframes gbHeroPulseV241{
    0%,100%{opacity:.58;transform:scale(.92)}
    50%{opacity:1;transform:scale(1.08)}
}
@keyframes gbHeroAuraV241{
    0%,100%{opacity:.66;transform:translate(-50%,-50%) scale(.93)}
    50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
}
@keyframes gbHeroLogoGlowV241{
    0%,100%{filter:drop-shadow(0 18px 34px rgba(0,0,0,.42)) drop-shadow(0 0 12px rgba(255,107,0,.18))}
    50%{filter:drop-shadow(0 22px 38px rgba(0,0,0,.5)) drop-shadow(0 0 27px rgba(255,107,0,.34))}
}
@keyframes gbHeroRingOneV241{
    from{transform:translate(-50%,-50%) rotate(0)}
    to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes gbHeroRingTwoV241{
    from{transform:translate(-50%,-50%) rotate(0)}
    to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes gbHeroOrbitV241{
    from{transform:translate(-50%,-50%) rotate(0)}
    to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes gbHeroScanV241{
    0%,100%{top:14%;opacity:0}
    18%{opacity:.65}
    50%{top:82%;opacity:.42}
    82%{opacity:.62}
}
@keyframes gbHeroGridV241{
    from{background-position:0 0,0 0}
    to{background-position:34px 34px,34px 34px}
}
@keyframes gbHeroAtmosphereV241{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
@keyframes gbHeroBreathV241{
    0%,100%{opacity:.18;transform:translate(-50%,-50%) scale(.98)}
    50%{opacity:.42;transform:translate(-50%,-50%) scale(1.025)}
}
@keyframes gbHeroParticleV241{
    0%,100%{opacity:.12;transform:translateY(7px) scale(.8)}
    50%{opacity:.72;transform:translateY(-7px) scale(1.25)}
}

@media(max-width:980px){
    .page-home .gb-home-fallback .hero-inner{
        grid-template-columns:minmax(0,1fr) minmax(330px,.8fr)!important;
        gap:24px!important;
    }
    .page-home .gb-hero-visual-v241{width:100%}
}

@media(max-width:760px){
    .page-home .gb-home-fallback .hero-inner{
        grid-template-columns:1fr!important;
        min-height:auto!important;
        padding-top:54px!important;
        padding-bottom:24px!important;
    }
    .page-home .gb-hero-visual-v241{
        width:min(100%,520px);
        justify-self:center;
        margin-top:4px;
        aspect-ratio:1.5/1;
    }
    .page-home .gb-hero-logo-wrap-v241{width:34%}
    .page-home .gb-hero-ring-v241.ring-one{width:47%}
    .page-home .gb-hero-ring-v241.ring-two{width:61%}
    .page-home .gb-hero-ring-v241.ring-three{width:76%}
}

@media(max-width:520px){
    .page-home .gb-hero-visual-v241{aspect-ratio:1.32/1}
    .page-home .gb-hero-logo-wrap-v241{width:42%}
    .page-home .gb-hero-hud-v241{display:none}
}

@media(prefers-reduced-motion:reduce){
    .page-home .gb-hero-visual-v241 *,
    .page-home .gb-hero-visual-v241::before,
    .page-home .gb-hero-visual-v241::after{
        animation:none!important;
    }
}
