body { font-family: 'Inter', sans-serif; }
        
        /* Background blur effect  */
        .blur-active {
            filter: blur(5px);
            pointer-events: none;
            user-select: none;
        }

        /* Slide-in transition */
        .slide-menu {
            transform: translateX(-100%);
            transition: transform 0.35s ease;
        }

        .slide-menu.open {
            transform: translateX(0);
        }
        
        .wave-divider {
            background: linear-gradient(to right, #0F6B9A 0%, #0F6B9A 100%);
            position: relative;
            overflow: hidden;
        }
        .wave-divider::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 60px;
            background: white;
            clip-path: polygon(0 50%, 1% 49%, 2% 48%, 3% 47%, 4% 46%, 5% 45%, 6% 44%, 7% 43%, 8% 42%, 9% 41%, 10% 40%, 11% 41%, 12% 42%, 13% 43%, 14% 44%, 15% 45%, 16% 46%, 17% 47%, 18% 48%, 19% 49%, 20% 50%, 21% 49%, 22% 48%, 23% 47%, 24% 46%, 25% 45%, 26% 44%, 27% 43%, 28% 42%, 29% 41%, 30% 40%, 31% 41%, 32% 42%, 33% 43%, 34% 44%, 35% 45%, 36% 46%, 37% 47%, 38% 48%, 39% 49%, 40% 50%, 41% 49%, 42% 48%, 43% 47%, 44% 46%, 45% 45%, 46% 44%, 47% 43%, 48% 42%, 49% 41%, 50% 40%, 51% 41%, 52% 42%, 53% 43%, 54% 44%, 55% 45%, 56% 46%, 57% 47%, 58% 48%, 59% 49%, 60% 50%, 61% 49%, 62% 48%, 63% 47%, 64% 46%, 65% 45%, 66% 44%, 67% 43%, 68% 42%, 69% 41%, 70% 40%, 71% 41%, 72% 42%, 73% 43%, 74% 44%, 75% 45%, 76% 46%, 77% 47%, 78% 48%, 79% 49%, 80% 50%, 81% 49%, 82% 48%, 83% 47%, 84% 46%, 85% 45%, 86% 44%, 87% 43%, 88% 42%, 89% 41%, 90% 40%, 91% 41%, 92% 42%, 93% 43%, 94% 44%, 95% 45%, 96% 46%, 97% 47%, 98% 48%, 99% 49%, 100% 50%);
        }
        .tab-btn {
            position: relative;
            padding-bottom: 0.5rem;
            transition: color 0.3s ease;
            cursor: pointer;
            color: #000;
            font-weight: 600;
        }
        .tab-btn::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 3px;
            background: #48BEEC;
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.35s ease;
        }
        .tab-btn:hover::after {
            transform: scaleX(1);
        }
        .tab-btn.active::after {
            transform: scaleX(1);
        }

        .tab-nav:hover .tab-btn.active::after {
            transform: scaleX(0);
        }

        .tab-nav:hover .tab-btn.active:hover::after {
            transform: scaleX(1);
        }

        section[id] {
            scroll-margin-top: calc(var(--promo-height, 0px) + var(--header-height, 0px) + 16px);
        }

        /* Active nav link */
        .nav-active {
            color: #48BEEC;
        }

    /* Sticky header & progress card styles */
    /* Sticky header: sits on top with slight translucency and blur */
        #mainPage {
            position: fixed;
            top: var(--promo-height, 0px);
            left: 0;
            right: 0;
            z-index: 30;
        background: rgba(255,255,255,0.95);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        box-shadow: 0 1px 6px rgba(16,24,40,0.04);
    }