body {

            background-color: #ffffff;

            color: #0f172a;

            /* Prevents horizontal scroll on mobile */

            overflow-x: hidden; 

            -webkit-tap-highlight-color: transparent;

        }



        /* Smooth Scrollbar */

        ::-webkit-scrollbar { width: 8px; }

        ::-webkit-scrollbar-track { background: #fff; }

        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

        

        .glass-nav {

            background: rgba(255, 255, 255, 0.95);

            backdrop-filter: blur(12px);

            -webkit-backdrop-filter: blur(12px);

            border-bottom: 1px solid rgba(0,0,0,0.05);

        }



        /* Mobile Menu Transition Class */

        .mobile-menu-container {

            transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;

            opacity: 0;

            visibility: hidden;

            transform: translateY(-20px);

        }

        .mobile-menu-container.active {

            opacity: 1;

            visibility: visible;

            transform: translateY(0);

        }



        /* Feature Cards */

        .feature-card {

            background: white;

            border: 1px solid #f1f5f9;

            border-radius: 1.5rem;

            padding: 1.5rem;

            transition: all 0.3s ease;

            height: 100%;

            display: flex;

            flex-direction: column;

        }

        

        /* Mobile Specific Card Styles */

        @media (max-width: 1023px) {

            .feature-card {

                align-items: center;

                text-align: center;

            }

        }

        

        /* Desktop Specific Card Styles */

        @media (min-width: 1024px) {

            .feature-card {

                padding: 2.5rem;

                align-items: flex-start;

                text-align: left;

            }

            .feature-card:hover {

                transform: translateY(-5px);

                box-shadow: 0 20px 40px -15px rgba(37, 99, 235, 0.1);

                border-color: #dbeafe;

            }

        }



        /* Prevent body scroll when menu is open */

        body.menu-open, body.modal-open {

            overflow: hidden;

        }

        

        /* Fix for iOS Input Zoom */

        input, select, textarea {

            font-size: 16px !important; 

        }



        /* Legal Modal Styles */

        #legal-modal {

            transition: opacity 0.3s ease, visibility 0.3s ease;

        }

        #legal-modal.hidden {

            visibility: hidden;

            opacity: 0;

            pointer-events: none;

        }

        #legal-modal:not(.hidden) {

            visibility: visible;

            opacity: 1;

            pointer-events: auto;

        }