federación galáctica: @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap'); .animated-title { font-family: 'Orbitron', monospace; font-weight: 700; font-size: 3.6em; display: flex; justify-content: center; flex-wrap: wrap; gap: 0.12em; user-select: none; perspective: 1000px; text-align: center; } .animated-letter { display: inline-block; background: linear-gradient(270deg, #ff00cc, #00ffff, #ffff00, #00ff88, #ff00cc); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; text-shadow: 0 0 6px #ff00cc, 0 0 12px #00ffff, 0 0 18px #ffff00, 0 0 22px #00ff88; animation: colorFlow 10s ease infinite, float3DRotateScale 5s ease-in-out infinite; transform-origin: center bottom; } /* Animación escalonada con delays para animar letras en secuencia */ .animated-letter:nth-child(odd) { animation-delay: calc(var(--i) * 0.15s), calc(var(--i) * 0.18s); } .animated-letter:nth-child(even) { animation-delay: calc(var(--i) * 0.15s + 0.1s), calc(var(--i) * 0.18s + 0.1s); } /* Animación color fluido */ @keyframes colorFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Animación 3D con oscilación vertical, rotación y escalado */ @keyframes float3DRotateScale { 0% { transform: translateY(0) rotateX(0deg) rotateZ(0deg) scale(1); filter: drop-shadow(0 0 7px rgba(255, 0, 204, 0.7)); } 50% { transform: translateY(-16px) rotateX(15deg) rotateZ(10deg) scale(1.15); filter: drop-shadow(0 0 20px rgba(0, 255, 255, 0.9)); } 100% { transform: translateY(0) rotateX(0deg) rotateZ(0deg) scale(1); filter: drop-shadow(0 0 7px rgba(255, 0, 204, 0.7)); } } /* Símbolos con brillo y pulso más intenso */ .animated-symbol { display: inline-block; font-size: 1.9em; color: #fff700; text-shadow: 0 0 15px #fff700, 0 0 28px #ffea00, 0 0 40px #ff7f00, 0 0 50px #ff7f00; animation: symbolGlowPulse 3s ease-in-out infinite; margin-left: 0.15em; margin-right: 0.15em; } @keyframes symbolGlowPulse { 0%, 100% { text-shadow: 0 0 15px #fff700, 0 0 28px #ffea00, 0 0 40px #ff7f00, 0 0 50px #ff7f00; transform: scale(1); opacity: 1; } 50% { text-shadow: 0 0 25px #ffff33, 0 0 45px #ffbb00, 0 0 60px #ff7000, 0 0 75px #ff5500; transform: scale(1.5); opacity: 0.85; } }  🌟 E s t r a t e g i a s C o i n b a s e 🚀 y C o i n b a s e A d v a n c e d ✨