:root {
    --gold: #D4AF37;
    --bg: #0a0b0d;
    --card: #14161a;
    --border: #262a30;
}

body {
    background-color: var(--bg) !important;
    font-family: 'Inter', sans-serif !important;
    color: #e0e0e0 !important;
    margin: 0 !important;
    padding-top: 40px !important;
    overflow-x: hidden !important;
}

@keyframes goldPulse {
    0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(212, 175, 55, 0); }
    100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
}
.btn-pulse { animation: goldPulse 2s infinite; }

.testimonial-card {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    padding: 30px !important;
    border-radius: 12px !important;
    min-height: 250px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
}
.testimonial-card:hover { transform: translateY(-5px) !important; border-color: var(--gold) !important; }

.status-dot { width: 8px; height: 8px; background: #22c55e; border-radius: 50%; box-shadow: 0 0 8px #22c55e; animation: blink 1.5s infinite; }
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

.bg-grid { background-image: linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px) !important; background-size: 45px 45px !important; }
.ticker-wrap { width: 100% !important; background: #000 !important; border-bottom: 1px solid var(--gold) !important; height: 40px !important; line-height: 40px !important; position: fixed !important; top: 0 !important; z-index: 9999 !important; text-align: center; }
#ticker-content { font-size: 10px !important; font-weight: 900 !important; color: #fff !important; letter-spacing: 2px !important; transition: opacity 0.5s ease-in-out; }

.btn-boxed { background: #000 !important; color: #fff !important; border: 1px solid var(--gold) !important; padding: 16px 36px !important; font-weight: 900 !important; text-transform: uppercase !important; border-radius: 4px !important; cursor: pointer; text-decoration: none; }
.btn-boxed:disabled { opacity: 0.7; cursor: wait; }

.testimonial-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 25px !important; max-width: 1400px !important; margin: 0 auto !important; }
.forensic-panel { background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: 16px !important; }
.forensic-input { background: #08090b !important; border: 1px solid var(--border) !important; color: #fff !important; padding: 18px !important; width: 100% !important; outline: none !important; }
.fixed-whatsapp { position: fixed; bottom: 30px; right: 30px; background: #25d366; color: white; padding: 12px 24px; border-radius: 50px; display: flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 900; z-index: 9999; }
.fixed-whatsapp img { width: 20px; height: 20px; filter: brightness(0) invert(1); }

@media (max-width: 1024px) { .testimonial-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 768px) { .testimonial-grid { grid-template-columns: 1fr !important; } .fixed-whatsapp span { display: none; } }