.about-hero { background: #ffffff; border-radius: 1.5rem; box-shadow: 0 25px 70px rgba(15,23,42,.06); padding: 2.5rem; }
.about-hero h1 { font-weight: 800; }
.about-hero p { color: #5f6c7b; }
.info-card { border: none; background: #ffffff; border-radius: 1.25rem; padding: 2rem; box-shadow: 0 20px 45px rgba(15,23,42,.05); transition: transform .3s ease; }
.info-card:hover { transform: translateY(-4px); }
.info-card h5 { color: #0d3b66; }
.info-card p { color: #6c757d; }

/* Hero Section */
.hero-section { background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%); padding: 4rem 0; }
.hero-section .btn { border-radius: 0.75rem; padding: 0.75rem 2rem; }

/* Stats Section */
.stats-section .stat-item { text-align: center; padding: 2rem; background: #ffffff; border-radius: 1rem; box-shadow: 0 10px 30px rgba(15,23,42,.06); transition: transform .3s ease; }
.stats-section .stat-item:hover { transform: translateY(-6px); }
.stats-section h3 { font-size: 2.5rem; font-weight: 700; margin-bottom: 0.5rem; }

/* Mission Vision Section */
.mission-vision .card { border: none; box-shadow: 0 15px 35px rgba(15,23,42,.08); transition: transform .3s ease; }
.mission-vision .card:hover { transform: translateY(-8px); }

/* Team Section */
.team-section .card { border: none; box-shadow: 0 15px 35px rgba(15,23,42,.08); transition: transform .3s ease; overflow: hidden; }
.team-section .card:hover { transform: translateY(-8px); }
.team-section .card-img-top { transition: transform .3s ease; }
.team-section .card:hover .card-img-top { transform: scale(1.05); }

/* Why Choose Us Section */
.why-choose-us .feature-card { background: #ffffff; border-radius: 1rem; padding: 2rem; box-shadow: 0 10px 30px rgba(15,23,42,.06); transition: transform .3s ease; height: 100%; }
.why-choose-us .feature-card:hover { transform: translateY(-6px); }

/* Video Section */
.video-responsive {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    min-height: 700px;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(15,23,42,.08);
}
.video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    border: none;
}
@media (max-width: 768px) {
    .video-responsive {
        min-height: 400px;
    }
}

/* CTA Section */
.cta-section { background: linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%); color: white; }
