/* ==========================================================================
   SKYFALL V3 - PROTOCOL ECOSYSTEM
   ========================================================================== */
.ecosystem-orbital {
    position: relative;
    width: 400px;
    height: 400px;
}

.ecosystem-orbit {
    position: absolute;
    border: 1px solid rgba(234, 88, 12, 0.2);
    border-radius: 50%;
    animation: ecosystem-rotate 30s linear infinite;
}

.ecosystem-orbit-1 {
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ecosystem-orbit-2 {
    width: 300px;
    height: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-duration: 45s;
    animation-direction: reverse;
}

.ecosystem-orbit-3 {
    width: 400px;
    height: 400px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-duration: 60s;
}

@keyframes ecosystem-rotate {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

.ecosystem-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, rgba(234, 88, 12, 0.2) 0%, rgba(234, 88, 12, 0.1) 100%);
    border: 2px solid rgba(234, 88, 12, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 40px rgba(234, 88, 12, 0.3);
}

.ecosystem-node {
    position: absolute;
    width: 50px;
    height: 50px;
    background: rgba(10, 10, 10, 0.9);
    border: 1px solid rgba(234, 88, 12, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.ecosystem-node:hover {
    border-color: #EA580C;
    box-shadow: 0 0 20px rgba(234, 88, 12, 0.4);
    transform: scale(1.1);
}