html{scroll-behavior:smooth;scroll-padding-top:100px}
        body.whoopba-loading{overflow:hidden}
        #whoopba-page-loader{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:#fff;opacity:1;transition:opacity .45s ease;font-family:'Plus Jakarta Sans',Arial,sans-serif}
        #whoopba-page-loader.whoopba-loader-hidden{opacity:0;pointer-events:none}
        .wba-loader{display:flex;flex-direction:column;align-items:center;justify-content:center}
        .wba-loader__word{display:flex;align-items:center;justify-content:center}
        .wba-loader__logo{width:280px;height:auto;object-fit:contain;animation:wbaLogo 3.6s ease-in-out infinite}
        @keyframes wbaLogo{0%{opacity:0;transform:scale(.85)}8%{opacity:1;transform:scale(1)}15%,72%{opacity:1;transform:scale(1)}85%,100%{opacity:0;transform:scale(.95)}}
        .wba-loader__tag{margin-top:14px;font-size:16px;font-weight:400;letter-spacing:5.5px;color:#333;opacity:0;animation:wbaTag 3.6s ease-in-out infinite;text-transform:lowercase}
        @keyframes wbaTag{0%,35%{opacity:0;transform:translateY(8px)}50%,72%{opacity:1;transform:translateY(0)}85%,100%{opacity:0;transform:translateY(-5px)}}
        .wba-loader__dots{display:flex;gap:7px;margin-top:34px}
        .wba-loader__dots span{width:6px;height:6px;border-radius:50%;background:#10aaa8;animation:wbaDot 1.2s ease-in-out infinite}
        .wba-loader__dots span:nth-child(2){animation-delay:.15s}.wba-loader__dots span:nth-child(3){animation-delay:.3s}
        @keyframes wbaDot{0%,60%,100%{opacity:.3;transform:scale(.7)}30%{opacity:1;transform:scale(1.2)}}
        @media(max-width:800px){.wba-loader__logo{width:200px}.wba-loader__tag{font-size:12px;letter-spacing:3.5px}}

        /* CSS-only safety net: auto-hide the loader using GPU composited opacity */
        #whoopba-page-loader:not(.whoopba-loader-hidden){animation:whoopbaLoaderAutoHide 2.5s forwards}
        @keyframes whoopbaLoaderAutoHide{0%,80%{opacity:1}100%{opacity:0;pointer-events:none}}

        /* Skip link accessible focus state */
        .skip-link.screen-reader-text:focus {
            position: fixed !important; top: 15px !important; left: 15px !important; z-index: 9999999 !important;
            width: auto !important; height: auto !important; clip: auto !important; clip-path: none !important;
            background: #10aaa3 !important; color: #ffffff !important; padding: 12px 24px !important;
            border-radius: 8px !important; box-shadow: 0 4px 20px rgba(0,0,0,.25) !important;
            font-size: 15px !important; font-weight: 700 !important; text-decoration: none !important;
        }

        /* Targeted interactive transitions */
        a, button, .elementor-button, .whoopba-header a {
            transition-property: color, background-color, border-color, box-shadow, transform, opacity;
            transition-duration: .2s;
            transition-timing-function: ease;
        }