body {
            font-family: 'Inter', sans-serif;
            background-color: #FFFFFF;
            color: #1B1D25;
            transition: background-color 0.3s;
        }
        /* Custom Styles for Animation and Parallax */
        .hero-parallax-layer {
            transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Smooth animation */
        }
        .reveal-on-scroll {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .revealed {
            opacity: 1;
            transform: translateY(0);
        }
        .nav-link-underline {
            content: '';
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 0;
            height: 2px;
            background-color: #2FB784;
            transition: width 0.3s ease;
        }
        .nav-link:hover .nav-link-underline {
            width: 100%;
        }
        .animated-card:hover {
            transform: translateY(-5px) rotateZ(0.5deg);
            box-shadow: 0 15px 30px -5px rgba(34, 78, 143, 0.2);
        }
        
        /* Calculator Button Styling */
        .calc-btn {
            @apply p-4 text-xl font-semibold rounded-xl transition duration-150 shadow-md transform active:scale-95 font-data;
        }
        .calc-btn.number {
            @apply bg-white hover:bg-gray-100 text-dark-navy;
        }
        .calc-btn.operator-btn {
            @apply bg-secondary-green hover:bg-secondary-green/90 text-white;
        }
        
        /* Mobile Menu */
        #mobile-menu {
            transition: transform 0.3s ease-in-out;
            transform: translateX(100%);
        }
        #mobile-menu.open {
            transform: translateX(0);
        }

        /* Content Modal Styles */
        #content-modal {
            z-index: 1000;
        }