/* =========================================
   LEGACY PAGE STYLES (CINEMATIC REVEAL)
   ========================================= */

/* Reveal Animations (Slide in Up) */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Glassmorphism Utilities */
.glass-panel {
    background: rgba(17, 20, 23, 0.6);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}

/* Ambient Glows pe spatele elementelor */
.glow-magenta {
    box-shadow: 0 0 60px rgba(254, 0, 254, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.glow-cyan {
    box-shadow: 0 0 60px rgba(0, 229, 229, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Texte Iluminate (Glow text) */
.text-glow-gold {
    text-shadow: 0 0 20px rgba(242, 202, 80, 0.4), 0 0 40px rgba(242, 202, 80, 0.1);
}

/* Buton Premium */
.btn-primary {
    background: linear-gradient(180deg, #f2ca50 0%, #d4af37 100%);
    color: #241a00;
    border: 1px solid rgba(255, 224, 136, 0.5);
    transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-primary:hover {
    box-shadow: 0 0 30px rgba(242, 202, 80, 0.4);
    border-color: #ffe088;
    transform: translateY(-2px);
}

/* Efect Parallax / Zoom lent pentru fundalul Hero */
.img-parallax {
    animation: gentleScale 30s ease-in-out infinite alternate;
}

@keyframes gentleScale {
    0% { transform: scale(1.05); }
    100% { transform: scale(1.15); }
}

/* Animație subtilă Bounce pentru indicatorul de scroll din Hero */
.animate-bounce-slow {
    animation: slowBounce 3s ease-in-out infinite;
}

@keyframes slowBounce {
    0%, 100% { transform: translateY(0); opacity: 0.5; }
    50% { transform: translateY(15px); opacity: 1; }
}

/* Animație Fade-In Up pentru Hero */
.animate-fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}