/* =========================================================
   CSS hasil ekstraksi dari blok <style> #13
   Nama file: 13-testimoni-card.css
   ========================================================= */

/* ==========================================================================
     THE ROYAL BLUE GOLD SUITE - PLAYER TESTIMONIAL MATRIX (TRUST BUILDER)
     ========================================================================== */
                            @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800;900&family=Poppins:wght@400;500;600;700&display=swap');

                            /* Section Testimoni - Premium Dark Blue Mode */
                            .testimoni-section {
                                max-width: 1200px !important;
                                padding: 20px 20px !important;
                                font-family: 'Poppins', sans-serif !important;
                                box-sizing: border-box !important;
                            }

                            /* Judul Testimoni - Chrome Gold Liquid Gradient */
                            .testimoni-title {
                                text-align: center !important;
                                font-family: 'Montserrat', sans-serif !important;
                                background: linear-gradient(180deg, #5b0000 0%, #ff0000 50%, #5b0000 100%) !important;
                                -webkit-background-clip: text !important;
                                -webkit-text-fill-color: transparent !important;
                                background-clip: text !important;
                                font-size: 32px !important;
                                font-weight: 900 !important;
                                margin-bottom: 50px !important;
                                text-transform: uppercase !important;
                                letter-spacing: 2px !important;
                                filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7)) !important;
                            }

                            .testimoni-grid {
                                display: grid !important;
                                grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
                                gap: 30px !important;
                            }

                            /* Kartu Testimoni - Deep Royal Blue Void Box */
                            .testimoni-card {
                                background: radial-gradient(circle at 50% 0%, #021329 0%, #010813 100%) !important;
                                border: 2px solid #5b0000 !important;
                                border-radius: 25px !important;
                                padding: 35px !important;

                                /* Efek transisi performa tinggi, enteng di browser HP */
                                transition: all 0.3s ease-in-out !important;
                                box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
                                display: flex !important;
                                flex-direction: column !important;
                                position: relative !important;
                                overflow: hidden !important;
                                box-sizing: border-box !important;
                            }

                            /* Efek Ikon Kutip di Background - Cyber Blue Touch */
                            .testimoni-card::before {
                                content: '"' !important;
                                position: absolute !important;
                                top: -10px !important;
                                right: 20px !important;
                                font-size: 100px !important;
                                color: rgba(30, 144, 255, 0.08) !important;
                                /* Pendaran siber biru tipis */
                                font-family: serif !important;
                                line-height: 1 !important;
                                z-index: 0 !important;
                                pointer-events: none !important;
                            }

                            /* Efek Hover Sentuhan Halus */
                            .testimoni-card:hover {
                                border-color: #ff0000 !important;
                                transform: translateY(-6px) !important;
                                box-shadow: 0 20px 45px rgba(30, 144, 255, 0.15), 0 0 15px rgba(212, 175, 55, 0.1) !important;
                            }

                            /* Bintang Rating */
                            .rating-stars {
                                color: #ff0000 !important;
                                font-size: 20px !important;
                                margin-bottom: 20px !important;
                                filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.6)) !important;
                                position: relative !important;
                                z-index: 1 !important;
                            }

                            /* Isi Teks Testimoni */
                            .testimoni-text {
                                color: #cbd5e1 !important;
                                /* Abu kristal lembut agar dwell time naik */
                                font-size: 15px !important;
                                line-height: 1.8 !important;
                                font-style: italic !important;
                                margin-bottom: 25px !important;
                                flex-grow: 1 !important;
                                position: relative !important;
                                z-index: 1 !important;
                            }

                            /* Info Author / Pemain */
                            .testimoni-author {
                                display: flex !important;
                                align-items: center !important;
                                border-top: 1px dashed rgba(212, 175, 55, 0.2) !important;
                                /* Garis batas emas transparan */
                                padding-top: 20px !important;
                                position: relative !important;
                                z-index: 1 !important;
                            }

                            .author-info {
                                display: flex !important;
                                flex-direction: column !important;
                            }

                            .author-name {
                                color: #ffffff !important;
                                font-weight: 700 !important;
                                font-size: 17px !important;
                                letter-spacing: 0.5px !important;
                            }

                            /* Waktu Transaksi/Bermain */
                            .author-time {
                                color: #ff0000 !important;
                                font-size: 12px !important;
                                margin-top: 4px !important;
                                opacity: 0.9 !important;
                                font-weight: 600 !important;
                                letter-spacing: 0.5px !important;
                            }

                            /* Animasi Laser Line Atas Pas Di-Hover */
                            .testimoni-card:hover::after {
                                content: "" !important;
                                position: absolute !important;
                                top: 0 !important;
                                left: 0 !important;
                                width: 100% !important;
                                height: 3px !important;
                                background: linear-gradient(90deg, transparent, #ff0000, transparent) !important;
                                animation: borderMove 1.8s linear infinite !important;
                                z-index: 2 !important;
                            }

                            @keyframes borderMove {
                                0% {
                                    transform: translateX(-100%);
                                }

                                100% {
                                    transform: translateX(100%);
                                }
                            }

                            /* ===== MOBILE OPTIMIZATION MATRIX ===== */
                            @media (max-width: 768px) {
                                .testimoni-section {
                                    padding: 30px 12px !important;
                                    margin: 40px auto !important;
                                }

                                .testimoni-grid {
                                    grid-template-columns: 1fr !important;
                                    gap: 20px !important;
                                }

                                .testimoni-title {
                                    font-size: 24px !important;
                                    margin-bottom: 35px !important;
                                }

                                .testimoni-card {
                                    padding: 25px !important;
                                    border-radius: 20px !important;
                                }

                                .testimoni-card:hover {
                                    transform: translateY(-4px) !important;
                                    /* Kurangi jarak angkat di mobile agar smooth */
                                }

                                .testimoni-text {
                                    font-size: 14px !important;
                                }
                            }