:root {
        --neon-blue: #00f2ff;
        --neon-orange: #ff5e00;
        --void-black: #050508;
        --laser-red: #ff003c;
    }

    #about-sector {
        background-color: var(--void-black);
        background-image: 
            radial-gradient(circle at 50% 50%, rgba(0, 242, 255, 0.05) 0%, transparent 70%),
            linear-gradient(rgba(0, 242, 255, 0.02) 1px, transparent 1px),
            linear-gradient(90deg, rgba(0, 242, 255, 0.02) 1px, transparent 1px);
        background-size: 100% 100%, 40px 40px, 40px 40px;
        color: #fff;
        font-family: 'Share Tech Mono', monospace;
        padding: 100px 0;
        position: relative;
        overflow: hidden;
    }

    
    .space-battle-layer {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        pointer-events: none;
        z-index: 0;
    }

    
    .starship {
        position: absolute;
        color: var(--neon-blue);
        font-size: 20px;
        filter: drop-shadow(0 0 10px var(--neon-blue));
        animation: shipMove linear infinite;
    }

    .starship.enemy {
        color: var(--neon-orange);
        filter: drop-shadow(0 0 10px var(--neon-orange));
        animation: shipMoveReverse linear infinite;
    }

     
    .starship::after {
        content: "";
        position: absolute;
        width: 40px; height: 2px;
        background: var(--neon-blue);
        box-shadow: 0 0 10px var(--neon-blue);
        top: 50%; right: -50px;
        animation: laserShoot 1.5s infinite;
    }

    .starship.enemy::after {
        background: var(--laser-red);
        box-shadow: 0 0 10px var(--laser-red);
        left: -50px; right: auto;
    }

    @keyframes shipMove {
        from { left: -10%; transform: translateY(0); }
        to { left: 110%; transform: translateY(50px); }
    }

    @keyframes shipMoveReverse {
        from { right: -10%; transform: translateY(0); }
        to { right: 110%; transform: translateY(-30px); }
    }

    @keyframes laserShoot {
        0% { transform: scaleX(0); opacity: 0; }
        50% { transform: scaleX(1); opacity: 1; }
        100% { transform: scaleX(0); opacity: 0; transform: translateX(100px); }
    }

     
    .bg-stream {
        position: absolute;
        top: -100px;
        color: var(--neon-blue);
        font-size: 10px;
        opacity: 0.1;
        animation: rain linear infinite;
    }

    @keyframes rain { from { transform: translateY(0); } to { transform: translateY(120vh); } }

    
    .hologram-container {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
        aspect-ratio: 1 / 1;
    }

    .energy-ring {
        position: absolute;
        width: 100%; height: 100%; 
        border: 2px dashed var(--neon-blue);
        border-radius: 50%;
        opacity: 0.3;
        animation: rotateRing 20s linear infinite;
        z-index: 1;
    }

    .hologram-wrapper {
        position: relative;
        width: 80%; height: 80%;
        display: flex; justify-content: center; align-items: center;
        z-index: 2;
        overflow: hidden;
        border-radius: 50%;
    }

    .hologram-wrapper::after {
        content: "";
        position: absolute;
        top: 0; left: 0; width: 100%; height: 3px;
        background: linear-gradient(to bottom, transparent, var(--neon-blue), transparent);
        box-shadow: 0 0 15px var(--neon-blue);
        animation: scan 3s ease-in-out infinite;
        z-index: 3;
    }

    .hologram-wrapper img {
        max-width: 90%;
        filter: drop-shadow(0 0 20px rgba(0, 242, 255, 0.4));
        animation: float 4s ease-in-out infinite;
    }

    @keyframes scan {
        0%, 100% { top: 5%; opacity: 0; }
        50% { opacity: 1; top: 95%; }
    }

    @keyframes rotateRing { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
    @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }

     
    .glitch-title { font-family: 'Orbitron', sans-serif; font-size: clamp(28px, 4vw, 42px); text-transform: uppercase; }
    .status-card { background: rgba(15, 20, 35, 0.8); border-left: 4px solid var(--neon-blue); padding: 20px; backdrop-filter: blur(5px); }
    
    @media (max-width: 991px) {
        #about-sector { padding: 60px 0; }
        .hologram-container { max-width: 300px; margin-bottom: 40px; }
    }