/* NAVBAR: Gradasi Biru Muda Ke Biru Langit Cerah */
       .navbar-custom {
           background: linear-gradient(137deg, rgba(65, 166, 242, 0.95) 0%, rgba(21, 153, 235, 0.85) 100%);
           border-bottom: 3px solid #1761a0;
       }

       /* HERO SEARCH */
       .hero-search {
           background: linear-gradient(137deg, rgba(65, 166, 242, 0.95) 0%, rgba(21, 153, 235, 0.85) 100%);
           color: white;
           padding: 60px 0;
           border-radius: 0px;
           box-shadow: 0 10px 30px rgba(21, 153, 235, 0.25) !important;
       }

       /* CARDS */
       .card-media {
           transition: transform 0.3s ease, box-shadow 0.3s ease;
           border: 1px solid rgba(109, 213, 237, 0.4);
           border-radius: 15px;
           overflow: hidden;
           background-color: rgba(255, 255, 255, 0.92);
           backdrop-filter: blur(6px);
       }

       .card-media:hover {
           transform: translateY(-8px);
           box-shadow: 0 15px 30px rgba(33, 147, 176, 0.25);
           border-color: #00bfff;
       }

       .media-icon-badge {
           position: absolute;
           top: 15px;
           right: 15px;
           font-size: 1.2rem;
           padding: 8px 12px;
           border-radius: 10px;
           color: white;
           z-index: 10;
       }

       .bg-pdf {
           background-color: #e03c3c;
       }

       .bg-ppt {
           background-color: #ff8c00;
       }

       .bg-image {
           background-color: #00bfff;
       }

       .bg-video {
           background-color: #2ec4b6;
       }

       .ai-floating-chat {
           position: fixed;
           bottom: 30px;
           right: 30px;
           z-index: 1000;
       }