/* ==========================================================================
   ROSEMARY PORTFOLIO PREMIUM CUSTOM ANIMATIONS & STYLING ARCHITECTURE
   ========================================================================== */

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #050508;
}

.heading-font {
    font-family: 'Space Grotesk', sans-serif;
}

/* --- Ambient Background Glow Effects --- */
@keyframes subtlePulse {
    0%, 100% { 
        transform: scale(1); 
        opacity: 0.15; 
    }
    50% { 
        transform: scale(1.08); 
        opacity: 0.25; 
    }
}

.animate-bg-glow {
    animation: subtlePulse 8s infinite ease-in-out;
}

/* --- Scroll-Driven Reveal Animations --- */
.reveal-element {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-element.active {
    opacity: 1;
    transform: translateY(0);
}

/* Custom Premium Cards Base */
.glass-premium-card {
    background: rgba(15, 23, 42, 0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Dashboard Card Accent Glows */
.backdrop-blur-md {
    box-shadow: 0 25px 50px -12px rgba(5, 5, 8, 0.7);
}