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

#testimoni {
                                display: grid;
                                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                                gap: 20px;
                                padding: 20px;
                                max-width: 1200px;
                                margin: 0 auto;
                                font-family: 'Segoe UI', sans-serif
                            }

                            #testimoni .t-card {
                                position: relative;
                                background: #000;
                                border-radius: 15px;
                                overflow: hidden;
                                z-index: 1;
                                padding: 3px;
                                transition: transform .3s ease;
                                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5)
                            }

                            #testimoni .t-card::before {
                                content: '';
                                position: absolute;
                                top: -50%;
                                left: -50%;
                                width: 200%;
                                height: 200%;
                                background: conic-gradient(transparent, transparent, transparent, #ff0000);
                                animation: rotateBorder 4s linear infinite;
                                z-index: -2
                            }

                            #testimoni .t-card::after {
                                content: '';
                                position: absolute;
                                top: -50%;
                                left: -50%;
                                width: 200%;
                                height: 200%;
                                background: conic-gradient(transparent, transparent, transparent, #8B0000);
                                animation: rotateBorder 4s linear infinite;
                                animation-delay: -2s;
                                z-index: -2
                            }

                            #testimoni .t-content {
                                background: linear-gradient(160deg, #1a0033 0, #000 95%);
                                border-radius: 12px;
                                padding: 20px;
                                height: 100%;
                                display: flex;
                                flex-direction: column;
                                position: relative;
                                z-index: 2;
                                overflow: hidden
                            }

                            #testimoni .t-content::before {
                                content: '';
                                position: absolute;
                                top: 0;
                                left: -150%;
                                width: 100%;
                                height: 100%;
                                background: linear-gradient(90deg, transparent 0, rgba(255, 255, 255, 0.15) 50%, transparent 100%);
                                transform: skewX(-25deg);
                                animation: kilatAuto 3.5s infinite ease-in-out;
                                pointer-events: none
                            }

                            #testimoni .t-card:hover {
                                transform: scale(1.03);
                                box-shadow: 0 0 25px rgba(138, 43, 226, 0.6)
                            }

                            #testimonitogelterbaikKPECITOTO.t-head {
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                border-bottom: 2px solid #ff0000;
                                padding-bottom: 10px;
                                margin-bottom: 15px
                            }

                            #testimoni .t-name {
                                color: #fff;
                                font-weight: 900;
                                font-size: 16px;
                                text-transform: uppercase;
                                text-shadow: 0 0 5px #ff0000
                            }

                            #testimoni .t-loc {
                                color: #bf55ec;
                                font-size: 12px;
                                font-weight: 700
                            }

                            #testimoni .t-text {
                                color: #e0e0e0;
                                font-size: 14px;
                                line-height: 1.6;
                                font-weight: 600;
                                font-style: italic
                            }

                            @keyframes rotateBorder {
                                0% {
                                    transform: rotate(0deg)
                                }

                                100% {
                                    transform: rotate(360deg)
                                }
                            }

                            @keyframes kilatAuto {
                                0% {
                                    left: -150%
                                }

                                30% {
                                    left: 150%
                                }

                                100% {
                                    left: 150%
                                }
                            }