/* =========================================
   ABOUT PAGE STYLES (CINEMATIC)
   ========================================= */

/* Panouri de sticlă cu adâncime volumetrică */
.glass-panel {
    background: rgba(17, 20, 23, 0.4);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Efect de Glow ambiental specific paginii About */
.ambient-glow-about {
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(242,202,80,0.08) 0%, rgba(0,0,0,0) 70%);
    filter: blur(80px);
    z-index: -1;
    pointer-events: none;
}

/* Animație Fade-In Up pentru intrarea pe pagină */
.animate-fade-in-up {
    opacity: 0;
    transform: translateY(40px);
    animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Animație lentă de bounce pentru linia indicatorului de scroll */
.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; }
}

/* Iluzie optică subtilă de mișcare pentru imaginile de fundal */
.img-parallax {
    animation: gentleScale 20s ease-in-out infinite alternate;
}

@keyframes gentleScale {
    from { transform: scale(1); }
    to { transform: scale(1.08); }
}