body {
            font-family: 'Inter', sans-serif !important;
        }
        .gradient-bg {
            background-color: #0d1120;
            background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.15) 1px, transparent 0);
            background-size: 25px 25px;
        }
        .gradient-bg h1, .gradient-bg h2, .gradient-bg h3, .gradient-bg h4 {
            color: white;
        }
        .gradient-bg .text-yellow-400 {
            color: #facc15 !important;
        }
        .gradient-bg .text-gray-300 {
            color: #d1d5db;
        }
        .cta-button {
            transition: all 0.3s ease;
            box-shadow: 0px 8px 15px rgba(250, 204, 21, 0.3);
        }
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0px 15px 25px rgba(250, 204, 21, 0.4);
        }
        .feature-card {
            border: 1px solid rgba(255, 255, 255, 0.1);
            background: rgba(17, 24, 39, 0.5);
            backdrop-filter: blur(10px);
        }
        .faq-item {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        .chat-user {
            background: #2563eb;
            border-radius: 12px 12px 0 12px;
        }
        .chat-agent {
            background: #1f2937;
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 12px 12px 12px 0;
        }