hero-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:20px;margin-top:20px}.district-section .card{transition:transform 0.3s ease,box-shadow 0.3s ease;border-radius:15px;overflow:hidden}.district-section .card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgb(0 0 0 / .1)!important}.hero-image img{animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.badge{font-size:.8rem;font-weight:500}.features-section .card{transition:all 0.3s ease}.features-section .card:hover{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);color:#fff}.features-section .card:hover i,.features-section .card:hover h5,.features-section .card:hover p{color:white!important}.progress-bar-animated{animation:progress-animation 2s linear infinite}@keyframes progress-animation{0%{background-position:0 0}100%{background-position:40px 0}}