:root {
            --navy: #202940;
            --soft-blue: #9CC6DB;
            --mint: #26CCC2;
            --card-mint: #D6F4ED;
            --footer-blue: #124170;
            --footer-card: #637AB9;
        }

        body {
            font-family: 'EB Garamond', serif;
            color: var(--navy);
            background-color: #FFFFFF;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .inter { font-family: 'Inter', sans-serif; }

        /* Animation System */
        .reveal {
            opacity: 0;
            filter: blur(10px);
            transform: translateY(30px);
            transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .reveal.visible {
            opacity: 1;
            filter: blur(0);
            transform: translateY(0);
        }

        @keyframes heroZoom {
            from { transform: scale(1.1); }
            to { transform: scale(1); }
        }
        .hero-bg { animation: heroZoom 10s ease-out forwards; }

        /* Navigation Morphing */
        .scrolled-nav {
            background-color: var(--navy) !important;
            padding: 15px 40px !important;
        }
        .scrolled-nav .nav-link { color: white !important; }
        .scrolled-nav .logo-full { display: flex !important; }
        .scrolled-nav .logo-text { display: none !important; }

        /* Layout Helpers */
        .overlap-card {
            transform: translateY(-80px);
            top: -20px;
            z-index: 40;
            box-shadow: 0 30px 60px rgba(0,0,0,0.05);
        }

        .img-overlap-main { width: 90%; height: 550px; object-fit: cover; border-radius: 4px; }
        .img-overlap-sub { 
            position: absolute; 
            bottom: -300px; 
            right: -100px; 
            width: 55%; 
            height: 350px; 
            object-fit: cover; 
        }

        /* Form Styling */
        .medical-input {
            width: 100%;
            padding: 15px 0;
            background: transparent;
            border: none;
            border-bottom: 1px solid rgba(32, 41, 64, 0.2);
            font-family: 'Inter', sans-serif;
            outline: none;
            transition: border-color 0.3s;
        }
        .medical-input:focus { border-bottom-color: var(--mint); }

        /* Page Transitions */
        .view { display: none; }
        .view.active { display: block; }

        /* Accordion */
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .accordion-active .accordion-content { max-height: 1000px; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-thumb { background: var(--navy); }

        /* Search Overlay */
        #search-overlay {
            backdrop-filter: blur(20px);
            background: rgba(255,255,255,0.95);
        }