/* VIDEO / HERO */
.video-container { position: relative; width: 100%; height: 80vh; min-height: 600px; overflow: hidden; }
.video-overlay   { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
.hero-image      { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.video-content   { position: relative; z-index: 20; }

/* DOCTOR CARD */
.doctor-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,.1); }

/* STAT CARD */
.stat-card {
    background: white;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    border: 1px solid rgba(229,231,235,0.9);
    transition: transform .25s ease, box-shadow .25s ease;
    overflow: hidden;
}
.stat-card:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(0,0,0,0.08); }

/* TESTIMONIALS */
.testimonials-container { position: relative; overflow: hidden; }
.testimonials-slider    { display: flex; transition: transform 0.5s ease-in-out; }
.testimonial-item       { flex: 0 0 100%; min-width: 100%; }
@media (min-width: 768px)  { .testimonial-item { flex: 0 0 50%;        min-width: 50%; } }
@media (min-width: 1024px) { .testimonial-item { flex: 0 0 33.333%;    min-width: 33.333%; } }

/* FOOTER PARTICLES */
.footer-particles { position: absolute; inset: 0; pointer-events: none; z-index: 1; overflow: hidden; opacity: 0.20; }
.footer-particles .footer-particle {
    position: absolute;
    color: rgba(56,189,248,0.75);
    animation: footerFloat 9s ease-in-out infinite;
}
@keyframes footerFloat {
    0%, 100% { transform: translateY(0) rotate(0deg);   opacity: 0.15; }
    50%       { transform: translateY(-22px) rotate(-8deg); opacity: 0.45; }
}

/* SCROLL REVEAL */
.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 700ms ease, transform 700ms ease;
    will-change: opacity, transform;
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }

.reveal[data-anim="fade"]        { transform: none; }
.reveal[data-anim="fade"].is-visible { transform: none; }
.reveal[data-anim="slide-left"]  { transform: translateX(28px); }
.reveal[data-anim="slide-left"].is-visible  { transform: translateX(0); }
.reveal[data-anim="slide-right"] { transform: translateX(-28px); }
.reveal[data-anim="slide-right"].is-visible { transform: translateX(0); }
.reveal[data-anim="scale"]       { transform: scale(0.96); }
.reveal[data-anim="scale"].is-visible { transform: scale(1); }