/* ===== GLOBAL PHARMA THEME (PPT STYLE) ===== */

/* Wrapper – NEVER body */
.pharma-page {
    background-color: #f5faff;
    color: #333;
    font-family: 'Poppins', sans-serif;
}

    /* Headings */
    .pharma-page h1,
    .pharma-page h2,
    .pharma-page h3,
    .pharma-page h4,
    .pharma-page h5 {
        color: #003366;
        font-weight: 700;
    }

    /* PPT Buttons */
    .pharma-page .btn-glow {
        background: #ffffff;
        color: #004aad;
        font-weight: 600;
        border-radius: 40px;
    }

        .pharma-page .btn-glow:hover {
            background: #e9ecef;
            color: #004aad;
        }

    /* Cards */
    .pharma-page .cap-card,
    .pharma-page .founder-card {
        background: #ffffff;
        box-shadow: 0 6px 20px rgba(0, 74, 173, 0.15);
    }

        /* Icons */
        .pharma-page .cap-card i {
            color: #004aad;
        }

    /* CTA */
    .pharma-page .cta-section {
        background-color: #004aad;
        color: #ffffff;
    }


/* Background container must be above MasterPage wrapper */
.bio-page {
    position: relative;
    z-index: 1;
}

/* Floating background layers */
.bg-animation,
.particles,
.dna {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* Make sure content is above animation */
.hero, .capabilities, .founders, .cta {
    position: relative;
    z-index: 5;
}

/* Fade animation */
.fade-section {
    opacity: 0;
    transform: translateY(60px);
    transition: all 1s ease;
}

    .fade-section.show {
        opacity: 1;
        transform: translateY(0);
    }