:root {
            --primary: #2563eb;
            --secondary: #1e40af;
            --accent: #0ea5e9;
            --highlight: #ff9800;
            --success: #22c55e;
        }
        
        body {
            font-family: 'Roboto', sans-serif;
            color: #333;
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
            background-attachment: fixed;
        }
        
        .hero-container {
            background: linear-gradient(120deg, var(--primary) 0%, var(--secondary) 100%);
            clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        }
        
        .animate-pulse-slow {
            animation: pulse-slow 2s infinite;
        }
        
        @keyframes pulse-slow {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
        
        .dental-gradient-bg {
            background: linear-gradient(to right, #a7f3d0, #06b6d4);
        }
        
        .telemed-gradient-bg {
            background: linear-gradient(to right, #fef3c7, #f59e0b);
        }
        
        .funeral-gradient-bg {
            background: linear-gradient(to right, #dbeafe, #7dd3fc);
        }
        
        .cashback-gradient-bg {
            background: linear-gradient(to right, #fce7f3, #f0abfc);
        }
        
        .benefit-box {
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        }
        
        .benefit-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .footer-shape {
            clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
        }