/* =========================================
   STUDIOS PAGE STYLES (PREMIUM AUDIO VIBE)
   ========================================= */

/* Panouri de sticlă iluminate ambiental */
.glass-panel {
    background: rgba(17, 20, 23, 0.6);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Efectul de margine iluminată pentru Philosophhy Section */
.neon-border {
    position: relative;
    box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.8),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.neon-border::before {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(0, 229, 229, 0.5), rgba(254, 0, 254, 0.5));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0.5;
}

/* Efect optic de Parallax pentru imaginea din 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 fluidă de intrare a elementelor */
.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);
    }
}

/* Glow Texte (pentru aur, cyan și magenta) */
.text-glow-gold {
    text-shadow: 0 0 15px rgba(242, 202, 80, 0.3), 0 0 30px rgba(242, 202, 80, 0.1);
}

.text-glow-cyan {
    text-shadow: 0 0 15px rgba(0, 229, 229, 0.3), 0 0 30px rgba(0, 229, 229, 0.1);
}

.text-glow-magenta {
    text-shadow: 0 0 15px rgba(254, 0, 254, 0.3), 0 0 30px rgba(254, 0, 254, 0.1);
}