body.cp-page {
            font-family: var(--cp-font);
            overflow-x: hidden;
        }
        
        #cp-content .grid-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='grid' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 10 0 L 0 0 0 10' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23grid)'/%3E%3C/svg%3E");
        }
        
        body.cp-page {
            scroll-behavior: smooth;
        }
        
        #cp-content .section-padding {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }
        
        @media (max-width: 768px) {
            #cp-content .section-padding {
                padding-top: 3rem;
                padding-bottom: 3rem;
            }
        }
        
        /* Navigation bar styles - ALWAYS white */
        #cp-content .nav-header {
            background-color: white !important;
            backdrop-filter: none !important;
        }
        
        #cp-content .nav-header.scrolled {
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        }
        
        /* Blue geometric pattern for CTA section */
        #cp-content .blue-pattern {
            background-color: #1e3a8a;
            background-image: 
                radial-gradient(circle at 25% 25%, rgba(59, 130, 246, 0.3) 0%, transparent 55%),
                radial-gradient(circle at 75% 75%, rgba(37, 99, 235, 0.3) 0%, transparent 55%),
                linear-gradient(45deg, rgba(30, 64, 175, 0.2) 25%, transparent 25%),
                linear-gradient(-45deg, rgba(30, 64, 175, 0.2) 25%, transparent 25%),
                linear-gradient(45deg, transparent 75%, rgba(30, 64, 175, 0.2) 75%),
                linear-gradient(-45deg, transparent 75%, rgba(30, 64, 175, 0.2) 75%);
            background-size: 60px 60px;
            background-position: 0 0, 0 0, 0 0, 30px 30px, 30px 30px, 0px 30px;
        }
        
        /* Floating elements animation */
        @keyframes float {
            0%, 100% {
                transform: translateY(0) rotate(0deg);
            }
            50% {
                transform: translateY(-20px) rotate(5deg);
            }
        }
        
        #cp-content .floating-element {
            animation: float 6s ease-in-out infinite;
        }
        
        /* Grid lines overlay */
        #cp-content .grid-overlay {
            background-image: 
                linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
            background-size: 40px 40px;
        }