/* ============================================================
   KeyBrains Tech — Animations & Micro-interactions
   ============================================================ */

/* Loading skeleton shimmer */
@keyframes shimmer {
    0%   { background-position: -1000px 0; }
    100% { background-position: 1000px 0; }
}

/* Navbar highlight stripe animation */
@keyframes slideIn {
    from { transform: scaleX(0); }
    to   { transform: scaleX(1); }
}

/* Counter up animation baseline */
.counter { transition: all 0.8s ease; }

/* Card glow on hover */
.card-glow {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.card-glow:hover {
    box-shadow: 0 0 0 2px rgba(26,115,232,.15), 0 12px 40px rgba(0,0,0,.12);
}

/* Ping dot animation for live status */
@keyframes ping {
    0%      { transform: scale(1); opacity: 1; }
    75%, 100% { transform: scale(2); opacity: 0; }
}

.ping-dot {
    position: relative;
    display: inline-flex;
}

.ping-dot::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: currentColor;
    animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}