/* Logo Animation Styles */
.logo-wrapper {
    position: relative;
}

.logo-path {
    fill: #254A5D;
    transform-origin: center;
}

.energy-field {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(242,158,48,0.1) 0%, rgba(31,112,153,0.1) 50%, transparent 70%);
    filter: blur(20px);
    z-index: 1;
    animation: energyPulse 4s ease-in-out infinite;
}

.orbiting-particle {
    position: absolute;
    width: 4px;
    height: 4px;
    background: linear-gradient(45deg, #f29e30, #1f7099);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -2px;
    margin-left: -2px;
    z-index: 3;
}

@keyframes energyPulse {
    0%, 100% { transform: scale(0.8) rotate(0deg); opacity: 0.3; }
    50% { transform: scale(1.4) rotate(180deg); opacity: 0.7; }
}

/* Particle reconstruction animations */
@keyframes particleReconstruction0 {
    0%, 100% { transform: translate(32px, -24px) scale(0.3) rotate(180deg); opacity: 0; }
    25%, 75% { transform: translate(0px, 0px) scale(1) rotate(0deg); opacity: 1; }
}
@keyframes particleReconstruction1 {
    0%, 100% { transform: translate(-28px, 36px) scale(0.3) rotate(270deg); opacity: 0; }
    25%, 75% { transform: translate(0px, 0px) scale(1) rotate(0deg); opacity: 1; }
}
@keyframes particleReconstruction2 {
    0%, 100% { transform: translate(48px, 12px) scale(0.3) rotate(90deg); opacity: 0; }
    25%, 75% { transform: translate(0px, 0px) scale(1) rotate(0deg); opacity: 1; }
}
@keyframes particleReconstruction3 {
    0%, 100% { transform: translate(-16px, -42px) scale(0.3) rotate(45deg); opacity: 0; }
    25%, 75% { transform: translate(0px, 0px) scale(1) rotate(0deg); opacity: 1; }
}
@keyframes particleReconstruction4 {
    0%, 100% { transform: translate(52px, -8px) scale(0.3) rotate(315deg); opacity: 0; }
    25%, 75% { transform: translate(0px, 0px) scale(1) rotate(0deg); opacity: 1; }
}
@keyframes particleReconstruction5 {
    0%, 100% { transform: translate(-44px, 20px) scale(0.3) rotate(225deg); opacity: 0; }
    25%, 75% { transform: translate(0px, 0px) scale(1) rotate(0deg); opacity: 1; }
}
@keyframes particleReconstruction6 {
    0%, 100% { transform: translate(24px, 48px) scale(0.3) rotate(135deg); opacity: 0; }
    25%, 75% { transform: translate(0px, 0px) scale(1) rotate(0deg); opacity: 1; }
}
@keyframes particleReconstruction7 {
    0%, 100% { transform: translate(-32px, -28px) scale(0.3) rotate(60deg); opacity: 0; }
    25%, 75% { transform: translate(0px, 0px) scale(1) rotate(0deg); opacity: 1; }
}
@keyframes particleReconstruction8 {
    0%, 100% { transform: translate(40px, 32px) scale(0.3) rotate(120deg); opacity: 0; }
    25%, 75% { transform: translate(0px, 0px) scale(1) rotate(0deg); opacity: 1; }
}
@keyframes particleReconstruction9 {
    0%, 100% { transform: translate(-20px, 44px) scale(0.3) rotate(300deg); opacity: 0; }
    25%, 75% { transform: translate(0px, 0px) scale(1) rotate(0deg); opacity: 1; }
}
@keyframes particleReconstruction10 {
    0%, 100% { transform: translate(36px, -20px) scale(0.3) rotate(210deg); opacity: 0; }
    25%, 75% { transform: translate(0px, 0px) scale(1) rotate(0deg); opacity: 1; }
}
@keyframes particleReconstruction11 {
    0%, 100% { transform: translate(-48px, 8px) scale(0.3) rotate(150deg); opacity: 0; }
    25%, 75% { transform: translate(0px, 0px) scale(1) rotate(0deg); opacity: 1; }
}

.path-0 { animation: particleReconstruction0 4s ease-in-out infinite 0s; }
.path-1 { animation: particleReconstruction1 4s ease-in-out infinite 0.1s; }
.path-2 { animation: particleReconstruction2 4s ease-in-out infinite 0.2s; }
.path-3 { animation: particleReconstruction3 4s ease-in-out infinite 0.3s; }
.path-4 { animation: particleReconstruction4 4s ease-in-out infinite 0.4s; }
.path-5 { animation: particleReconstruction5 4s ease-in-out infinite 0.5s; }
.path-6 { animation: particleReconstruction6 4s ease-in-out infinite 0.6s; }
.path-7 { animation: particleReconstruction7 4s ease-in-out infinite 0.7s; }
.path-8 { animation: particleReconstruction8 4s ease-in-out infinite 0.8s; }
.path-9 { animation: particleReconstruction9 4s ease-in-out infinite 0.9s; }
.path-10 { animation: particleReconstruction10 4s ease-in-out infinite 1.0s; }
.path-11 { animation: particleReconstruction11 4s ease-in-out infinite 1.1s; }
.path-12 { animation: particleReconstruction0 4s ease-in-out infinite 1.2s; }

/* Orbiting particle animations */
@keyframes orbit0 {
    0%, 100% { transform: translate(50px, 0px) scale(1); opacity: 1; }
    50% { transform: translate(-50px, 0px) scale(0.5); opacity: 0.3; }
}
@keyframes orbit1 {
    0%, 100% { transform: translate(25px, 43.3px) scale(1); opacity: 1; }
    50% { transform: translate(-25px, -43.3px) scale(0.5); opacity: 0.3; }
}
@keyframes orbit2 {
    0%, 100% { transform: translate(-25px, 43.3px) scale(1); opacity: 1; }
    50% { transform: translate(25px, -43.3px) scale(0.5); opacity: 0.3; }
}
@keyframes orbit3 {
    0%, 100% { transform: translate(-50px, 0px) scale(1); opacity: 1; }
    50% { transform: translate(50px, 0px) scale(0.5); opacity: 0.3; }
}
@keyframes orbit4 {
    0%, 100% { transform: translate(-25px, -43.3px) scale(1); opacity: 1; }
    50% { transform: translate(25px, 43.3px) scale(0.5); opacity: 0.3; }
}
@keyframes orbit5 {
    0%, 100% { transform: translate(25px, -43.3px) scale(1); opacity: 1; }
    50% { transform: translate(-25px, 43.3px) scale(0.5); opacity: 0.3; }
}

.orbit-0 { animation: orbit0 3s linear infinite 0s; }
.orbit-1 { animation: orbit1 3s linear infinite 0.2s; }
.orbit-2 { animation: orbit2 3s linear infinite 0.4s; }
.orbit-3 { animation: orbit3 3s linear infinite 0.6s; }
.orbit-4 { animation: orbit4 3s linear infinite 0.8s; }
.orbit-5 { animation: orbit5 3s linear infinite 1.0s; }