body {
            box-sizing: border-box;
        }
        
        :root {
            --bg-main: #efeff2;
            --accent-dark: #394365;
            --text-primary: #1d2024;
            --text-heading: #333957;
            --cta-color: #202036;
        }
        
        .bg-main { background-color: var(--bg-main); }
        .bg-accent { background-color: var(--accent-dark); }
        .text-primary { color: var(--text-primary); }
        .text-heading { color: var(--text-heading); }
        .bg-cta { background-color: var(--cta-color); }
        
        .hero-gradient {
            background: linear-gradient(135deg, var(--accent-dark) 0%, var(--cta-color) 100%);
        }
        
        .card-hover {
            transition: all 0.3s ease;
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(57, 67, 101, 0.1);
        }
        
        .tab-content {
            display: none;
        }
        
        .tab-content.active {
            display: block;
            animation: fadeIn 0.5s ease-in;
        }
        
        .tab-button.active {
            background-color: var(--cta-color);
            color: white;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .counter {
            font-size: 3rem;
            font-weight: bold;
            color: var(--cta-color);
        }
        
        .floating-element {
            animation: float 6s ease-in-out infinite;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }
        
        .progress-bar {
            width: 0%;
            transition: width 2s ease-in-out;
        }
        
        .mobile-menu {
            transform: translateX(-100%);
            transition: transform 0.3s ease;
        }
        
        .mobile-menu.open {
            transform: translateX(0);
        }