/*:root {*/
        /*    --primary: #0076c0;*/
        /*    --primary-light: #e6f3fc;*/
        /*    --primary-dark: #005fa4;*/
        /*    --accent: #22c55e;*/
        /*    --text-dark: #0f172a;*/
        /*    --text-muted: #475569;*/
        /*    --bg-light: #f8fafc;*/
        /*    --card-shadow: 0 20px 40px -15px rgba(0, 118, 192, 0.08);*/
        /*    --border-radius-lg: 24px;*/
        /*    --border-radius-md: 16px;*/
        /*    --transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);*/
        /*}*/

        /*body {*/
        /*    font-family: 'Inter', sans-serif;*/
        /*    color: var(--text-dark);*/
        /*    background-color: #f8fafc;*/
        /*    overflow-x: hidden;*/
        /*    -webkit-font-smoothing: antialiased;*/
        /*}*/

        /* --- STICKY NAV SYSTEM WITH ENTRY ANIMATION --- */
        /*header {*/
        /*    background: #ffffff;*/
        /*    position: sticky;*/
        /*    top: 0;*/
        /*    z-index: 1000;*/
        /*    border-bottom: 1px solid #f1f5f9;*/
        /*    animation: slideDownHeader 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;*/
        /*}*/
        /*@keyframes slideDownHeader {*/
        /*    from { transform: translateY(-100%); opacity: 0; }*/
        /*    to { transform: translateY(0); opacity: 1; }*/
        /*}*/

        /*.logo {*/
        /*    display: flex;*/
        /*    align-items: center;*/
        /*    gap: 12px;*/
        /*    font-weight: 800;*/
        /*    font-size: 1.3rem;*/
        /*    color: var(--text-dark);*/
        /*    text-decoration: none;*/
        /*}*/
        /*.logo span { color: var(--primary); font-weight: 400; }*/
        /*.logo-icon {*/
        /*    width: 38px;*/
        /*    height: 38px;*/
        /*    background: linear-gradient(135deg, #0098da 0%, #005fa4 100%);*/
        /*    border-radius: 10px;*/
        /*    display: flex;*/
        /*    align-items: center;*/
        /*    justify-content: center;*/
        /*    color: #fff;*/
        /*}*/

        /* --- HERO SPLASH WITH SCALE ENTRY ANIMATION --- */
        .page-hero {
            background: linear-gradient(110deg, rgba(224, 242, 254, 0.95) 0%, rgba(240, 253, 244, 0.95) 100%), 
                        url('https://cubithealthcare.net/wp-content/uploads/2025/05/5-e1749239432255.png');
            background-size: cover;
            background-position: center;
            border-radius: var(--border-radius-lg);
            padding: 45px 40px;
            box-shadow: var(--card-shadow);
            border: 1px solid #e2e8f0;
            opacity: 0;
            transform: scale(0.98) translateY(15px);
            animation: heroEntrance 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;
        }
        @keyframes heroEntrance {
            to { opacity: 1; transform: scale(1) translateY(0); }
        }
        
        .hero-inline-brand-img {
            max-height: 75px;
            object-fit: contain;
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.85);
            padding: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            transition: var(--transition);
        }

        /* --- HARDWARE ACCELERATED SCROLL-REVEAL SYSTEM --- */
        .reveal-card {
            opacity: 0;
            transform: translateY(40px);
            filter: blur(4px);
            will-change: transform, opacity, filter;
            transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), 
                        transform 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                        filter 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal-card.activated {
            opacity: 1;
            transform: translateY(0);
            filter: blur(0);
        }

        /* --- PRODUCT CARD ARCHITECTURE WITH SLIDE-UP DOWNLOAD CONTROLS --- */
        .pharma-card {
            background: #ffffff;
            border-radius: var(--border-radius-md);
            border: 1px solid #e2e8f0;
            box-shadow: var(--card-shadow);
            overflow: hidden;
            height: 100%;
            display: flex;
            flex-direction: column;
            transition: var(--transition);
            position: relative;
        }
        
        .pharma-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 35px 65px -10px rgba(0, 118, 192, 0.16);
            border-color: rgba(0, 118, 192, 0.3);
        }
        
        .img-container-box {
            background-color: var(--bg-light);
            height: 280px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
            overflow: hidden;
        }
        
        .img-container-box img {
            max-height: 100%;
            max-width: 100%;
            object-fit: contain;
            transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .pharma-card:hover .img-container-box img {
            transform: scale(1.04);
        }

        /* Hover Action Overlay Curtain */
        .card-action-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(15, 23, 42, 0.65);
            backdrop-filter: blur(4px);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 12px;
            opacity: 0;
            transition: opacity 0.4s ease;
            z-index: 5;
        }
        .pharma-card:hover .card-action-overlay {
            opacity: 1;
        }

        /* Dynamic Download/View Action Buttons */
        .btn-action-view {
            background: transparent;
            color: #ffffff;
            border: 1.5px solid rgba(255, 255, 255, 0.7);
            padding: 8px 24px;
            border-radius: 30px;
            font-size: 0.85rem;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
            transform: translateY(15px);
        }
        .btn-action-download {
            background: #4dc2f0;
            color: #ffffff;
            border: none;
            padding: 10px 26px;
            border-radius: 30px;
            font-size: 0.85rem;
            font-weight: 700;
            text-decoration: none;
            box-shadow: 0 4px 15px rgba(77, 194, 240, 0.4);
            cursor: pointer;
            transition: all 0.3s ease;
            transform: translateY(15px);
        }
        .pharma-card:hover .btn-action-view,
        .pharma-card:hover .btn-action-download {
            transform: translateY(0);
        }
        .btn-action-view:hover {
            background: rgba(255,255,255,0.15);
            border-color: #ffffff;
            color: #ffffff;
        }
        .btn-action-download:hover {
            background: var(--primary);
            box-shadow: 0 6px 20px rgba(0, 118, 192, 0.5);
            color: #ffffff;
        }
        
        /* Premium Glossy Sheen Sweep Effect */
        .img-container-box::after {
            content: '';
            position: absolute;
            top: 0; left: -100%;
            width: 60%; height: 100%;
            background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
            transform: skewX(-30deg);
        }
        .pharma-card:hover .img-container-box::after {
            left: 140%;
            transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .card-details-area {
            padding: 20px;
            text-align: center;
            border-top: 1px solid #f1f5f9;
            background: #ffffff;
            position: relative;
            z-index: 2;
        }
        .brand-title {
            font-size: 1.1rem;
            font-weight: 800;
            color: var(--text-dark);
            margin: 0;
            letter-spacing: -0.3px;
        }

      

        /* Form Modal Enhancements */
        .modal-content {
            border-radius: var(--border-radius-md);
            border: none;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        .modal-header {
            background: #f8fafc;
            border-bottom: 1px solid #e2e8f0;
        }
        .form-control:focus {
            border-color: var(--primary);
            box-shadow: 0 0 0 0.25rem rgba(0, 118, 192, 0.15);
        }