:root { scroll-behavior: smooth; }
        body { 
            font-family: 'Manrope', sans-serif; 
            background-color: #F3F4F4; 
            color: #000000;
            overflow-x: hidden;
        }

        .editorial-margin {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 5%;
        }

        /* Hero Animations */
        .float-icon {
            animation: floating 6s infinite ease-in-out;
        }
        @keyframes floating {
            0% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(5deg); }
            100% { transform: translateY(0px) rotate(0deg); }
        }

        /* Custom Header Scroll */
        .header-active {
            box-shadow: 0 10px 30px rgba(56, 82, 180, 0.08);
            background: rgba(243, 244, 244, 0.95);
            backdrop-filter: blur(10px);
            padding: 1rem 0 !important;
        }

        /* Page Routing Logic */
        .page-view { display: none; }
        .page-view.active { display: block; animation: fadeIn 0.8s ease; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        /* Card Hover */
        .workout-card {
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            border: 1px solid rgba(56, 82, 180, 0.1);
        }
        .workout-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 30px 60px rgba(56, 82, 180, 0.12);
            border-color: #3852B4;
        }

        .gradient-text {
            background: linear-gradient(90deg, #3852B4, #B4D3D9);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* Modal Overlay */
        #modalOverlay {
            position: fixed; inset: 0; background: rgba(0,0,0,0.4);
            backdrop-filter: blur(8px); z-index: 9999;
            display: none; align-items: center; justify-content: center;
            padding: 2rem;
        }
        #modalOverlay.active { display: flex; }

        .custom-scrollbar::-webkit-scrollbar { width: 6px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #3852B4; border-radius: 10px; }