/* <!-- Bot style --> */

 @keyframes scan {
     0% {
         transform: translateY(-100%);
     }

     100% {
         transform: translateY(400%);
     }
 }

 .log-line {
     opacity: 0;
     transform: translateX(-10px);
     animation: fadeInLog 0.3s forwards;
 }

 @keyframes fadeInLog {
     to {
         opacity: 1;
         transform: translateX(0);
     }
 }

 /* Other CSS */
 body {
     font-family: 'Poppins', sans-serif;
     scroll-behavior: smooth;
 }

 .hero-bg {
     background: linear-gradient(rgba(30, 58, 138, 0.9), rgba(30, 58, 138, 0.8)),
         url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
     background-size: cover;
     background-position: center;
 }

 .nav-glass {
     background: rgba(255, 255, 255, 0.9);
     backdrop-filter: blur(10px);
 }

 .card-shadow:hover {
     transform: translateY(-10px);
     transition: 0.3s;
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
 }

 /* Scrollbar Styling for Video Grid */
 .custom-scroll::-webkit-scrollbar {
     width: 6px;
 }

 .custom-scroll::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 10px;
 }

 .custom-scroll::-webkit-scrollbar-thumb {
     background: #cbd5e1;
     border-radius: 10px;
 }

 .custom-scroll::-webkit-scrollbar-thumb:hover {
     background: #1e3a8a;
 }


 /* Active Navigation Link Style */
.nav-active {
    color: #1e40af !important; /* Dark Blue */
    font-weight: 800 !important;
    position: relative;
}

.nav-active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fbbf24; /* Yellow underline */
}