/* PresenceNet Minimal Animations */

@keyframes orbit-presence {
    0% {
        transform: translateX(-50%) rotate(0deg) translateY(-80px) rotate(0deg);
    }
    100% {
        transform: translateX(-50%) rotate(360deg) translateY(-80px) rotate(-360deg);
    }
}

@keyframes orbit-memory {
    0% {
        transform: rotate(120deg) translateY(-80px) rotate(-120deg);
    }
    100% {
        transform: rotate(480deg) translateY(-80px) rotate(-480deg);
    }
}

@keyframes orbit-action {
    0% {
        transform: rotate(240deg) translateY(-80px) rotate(-240deg);
    }
    100% {
        transform: rotate(600deg) translateY(-80px) rotate(-600deg);
    }
}

@keyframes background-drift {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    33% {
        transform: translate(30px, -30px) rotate(1deg);
    }
    66% {
        transform: translate(-20px, 20px) rotate(-1deg);
    }
}

@keyframes gentle-glow {
    0%, 100% {
        filter: drop-shadow(0 0 15px rgba(124, 156, 191, 0.3));
    }
    50% {
        filter: drop-shadow(0 0 25px rgba(184, 210, 227, 0.5));
    }
}

@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply gentle glow to trinity symbols */
.trinity-symbol {
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

.trinity-symbol.presence {
    animation-name: orbit-presence, gentle-glow;
    animation-delay: 0s, 0s;
}

.trinity-symbol.memory {
    animation-name: orbit-memory, gentle-glow;
    animation-delay: 0s, 2s;
}

.trinity-symbol.action {
    animation-name: orbit-action, gentle-glow;
    animation-delay: 0s, 4s;
}

/* Hover pause for trinity symbols */
.trinity-orbit:hover .trinity-symbol {
    animation-play-state: paused;
}

/* Card entrance animations */
.soul-card {
    animation: fade-in-up 0.8s ease-out forwards;
}

.soul-card:nth-child(1) { animation-delay: 0.1s; }
.soul-card:nth-child(2) { animation-delay: 0.2s; }
.soul-card:nth-child(3) { animation-delay: 0.3s; }
.soul-card:nth-child(4) { animation-delay: 0.4s; }

/* Smooth transitions for all interactive elements */
* {
    transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}

/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
    .trinity-symbol {
        animation: gentle-glow 6s ease-in-out infinite;
    }
    
    .background-shimmer {
        animation: none;
    }
    
    .soul-card {
        animation: fade-in-up 0.3s ease-out forwards;
    }
}