/* ==========================================================================
   DINH DANG HIEU UNG: 🌌 GALAXY MORPHING (SUONG MU DAI NGAN HA - SIEU CHAM)
   ========================================================================== */

/* Hao quang nen dải ngan ha nhe nhang */
.welcome-aura {
    background: radial-gradient(ellipse at center, 
        rgba(0, 242, 254, 0.35) 0%, 
        rgba(168, 85, 247, 0.25) 35%, 
        rgba(255, 0, 127, 0.18) 65%, 
        transparent 80%
    );
    animation: galaxyAuraPulse 14s ease-in-out infinite alternate;
}

@keyframes galaxyAuraPulse {
    0% { transform: scale(0.9); opacity: 0.5; filter: blur(45px) hue-rotate(0deg); }
    100% { transform: scale(1.1); opacity: 0.75; filter: blur(60px) hue-rotate(360deg); }
}

/* Mau sac va luon song tung chu cai sieu cham */
.welcome-title .char {
    background: linear-gradient(135deg, #00f2fe 0%, #38bdf8 25%, #a855f7 50%, #ff007f 75%, #00ff88 100%);
    background-size: 250% 250%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
    animation: charWave 7s ease-in-out infinite alternate, charGradient 12s ease infinite;
    animation-delay: calc(var(--i) * 0.25s);
}

@keyframes charWave {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(4px); }
}

@keyframes charGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Tu dong doi mau chu sieu cham diu mat */
.welcome-title {
    animation: galaxyColorShift 16s linear infinite, galaxyMist 8s ease-in-out infinite alternate;
}

@keyframes galaxyColorShift {
    0% { filter: hue-rotate(0deg) drop-shadow(0 0 15px rgba(0, 242, 254, 0.6)) drop-shadow(0 0 35px rgba(168, 85, 247, 0.35)); }
    50% { filter: hue-rotate(180deg) drop-shadow(0 0 20px rgba(255, 0, 127, 0.6)) drop-shadow(0 0 45px rgba(0, 255, 136, 0.4)); }
    100% { filter: hue-rotate(360deg) drop-shadow(0 0 15px rgba(0, 242, 254, 0.6)) drop-shadow(0 0 35px rgba(168, 85, 247, 0.35)); }
}

@keyframes galaxyMist {
    0% { opacity: 0.85; }
    100% { opacity: 0.98; }
}