.ai-avatar-wrapper {
            position: relative;
            width: 100%;
            max-width: 300px;
            aspect-ratio: 9 / 16;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .ai-avatar-wrapper {
                max-width: 340px;
            }
        }

        .energy-field, .energy-field-inner {
            position: absolute;
            border-radius: 2.5rem;
            background: linear-gradient(180deg, #db2777, #6610f2);
            filter: blur(30px);
            opacity: 0.15;
            width: 105%;
            height: 105%;
            animation: aiPulse 5s ease-in-out infinite;
        }
        @media (min-width: 768px) {
            .energy-field, .energy-field-inner { border-radius: 3.5rem; filter: blur(40px); }
        }
        .energy-field-inner { background: #db2777; animation-delay: 2.5s; }

        @keyframes aiPulse {
            0%, 100% { transform: scale(1); opacity: 0.15; }
            50% { transform: scale(1.05); opacity: 0.25; }
        }

        .ai-card {
            position: relative;
            width: 100%;
            height: 100%;
            background: #000;
            border-radius: 2rem;
            overflow: hidden;
            border: 2px solid rgba(0, 123, 255, 0.3);
            z-index: 5;
        }
        @media (min-width: 768px) { .ai-card { border-radius: 3rem; } }

        .ai-video-element {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: contrast(1.1) brightness(1.1);
        }

        .hologram-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 123, 255, 0.05) 50%),
            linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
            background-size: 100% 3px, 3px 100%;
            z-index: 2;
            pointer-events: none;
        }

        .ai-audio-visualizer {
            position: absolute;
            bottom: 15px;
            left: 15px;
            display: flex;
            align-items: flex-end;
            gap: 2px;
            height: 20px;
            z-index: 10;
        }
        @media (min-width: 768px) {
            .ai-audio-visualizer { bottom: 30px; left: 30px; height: 30px; gap: 3px; }
        }

        .ai-audio-visualizer .bar {
            width: 3px;
            background: #db2777;
            border-radius: 2px;
            height: 10%;
            animation: aiAudio 0.5s ease-in-out infinite alternate;
            box-shadow: 0 0 8px rgba(0, 123, 255, 0.6);
        }
        @media (min-width: 768px) { .ai-audio-visualizer .bar { width: 4px; } }

        .bar:nth-child(1) { animation-duration: 0.4s; }
        .bar:nth-child(2) { animation-duration: 0.6s; }
        .bar:nth-child(3) { animation-duration: 0.3s; }
        .bar:nth-child(4) { animation-duration: 0.7s; }
        .bar:nth-child(5) { animation-duration: 0.5s; }

        @keyframes aiAudio { 0% { height: 10%; } 100% { height: 100%; } }

        .ai-controls {
            position: absolute;
            bottom: 15px;
            right: 15px;
            display: flex;
            gap: 6px;
            z-index: 10;
        }
        @media (min-width: 768px) { .ai-controls { bottom: 25px; right: 25px; gap: 8px; } }

        .ai-btn {
            width: 32px;
            height: 32px;
            border-radius: 10px;
            border: 1px solid rgba(255,255,255,0.2);
            background: rgba(0,0,0,0.4);
            backdrop-filter: blur(8px);
            color: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
        }
        @media (min-width: 768px) {
            .ai-btn { width: 40px; height: 40px; border-radius: 12px; font-size: 14px; }
        }

        .ai-replay-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.7);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 20;
            backdrop-filter: blur(8px);
            color: white;
        }

        .ai-restart-big { background: none; border: none; color: white; cursor: pointer; }

        .badge-primary-soft {
            background: rgba(0, 123, 255, 0.1);
            color: #db2777;
        }

        [aria-expanded="true"] .faq-status-indicator { transform: rotate(180deg); color: #db2777; }
        .faq-status-indicator { transition: 0.3s; }