:root {
            --navy: #0F172A;
            --emerald: #10B981;
            --sky: #F0F9FF;
            --border: #E2E8F0;
        }
        body { font-family: 'Inter', sans-serif; background-color: #FAFBFC; color: #1E293B; scroll-behavior: smooth; }
        h1, h2, h3, h4, .heading-font { font-family: 'Manrope', sans-serif; }
        .glass-nav { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); }
        .insurance-card { background: white; border: 1px solid var(--border); border-radius: 1.25rem; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
        .insurance-card:hover { transform: translateY(-10px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.08); border-color: var(--emerald); }
        .btn-primary { background: var(--navy); color: white; transition: all 0.3s; border-radius: 0.75rem; }
        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.2); }
        .btn-emerald { background: var(--emerald); color: white; transition: all 0.3s; border-radius: 0.75rem; }
        .hero-gradient { background: radial-gradient(circle at 80% 20%, #ecfdf5 0%, #f8fafc 100%); }
        .section-divider { height: 1px; background: linear-gradient(90deg, transparent, var(--border), transparent); }
        .custom-scroll::-webkit-scrollbar { width: 5px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
        .cart-badge { position: absolute; top: -5px; right: -5px; background: #ef4444; color: white; font-size: 0.7rem; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold; border: 2px solid white; }