/* ==========================================================================
   THE PM & AI ACADEMY - GLOBAL CORE STYLESHEET (SAPPHIRE & AMBER REFACTOR)
   ========================================================================== */

/* 1. Core Typography Engine Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* 2. Global Resets & Smoothing Overrides */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #0b1329; /* Official Executive Sapphire Backdrop */
}

/* 3. Premium Glassmorphic Fixed Navigation System */
.glass-nav {
    background: rgba(17, 30, 61, 0.95); /* Brightened Sapphire Blue Layer for explicit logo/nav lift */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.3);
}

/* 4. Institutional Page-Load Intersection Animation */
.fade-in {
    animation: fadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 5. Gallery & Media Layout Fallback Containers */
.fallback-bg {
    background-color: #1e293b; /* Unified Slate Card Base */
    position: relative;
    z-index: 1;
}

/* 6. Premium Smooth Scroll Target Offset Tweaks */
:target {
    scroll-margin-top: 6rem; /* Expanded for comfortable spacing with the updated h-24 navigation block */
}

/* 7. Global Selection Profile Customization */
::selection {
    background-color: #f59e0b; /* Custom Crisp Amber */
    color: #0b1329;            /* Deep Sapphire Contrast */
}