.blurred-content,.card,.card-img-container{position:relative}#sidebar ul,.footer ul{padding-left:0}body.dark-mode,body.dark-mode #sidebar{background-color:#212529}html{scroll-behavior:smooth}body{background-color:#f8f9fa;overflow-x:hidden;transition:background-color .3s,color .3s}.navbar{background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:background-color .3s}#hideSidebar,.navbar-toggler{background:0 0;font-size:1rem}.navbar-brand img{height:20px}.navbar-toggler{outline:0;padding:.25rem .5rem;border:none}.form-inline{display:flex;align-items:center}.form-control{border-radius:25px;width:0;opacity:0;transition:width .3s,opacity .3s}.form-control.show{width:150px;opacity:1}.search-icon{font-size:1.2rem;cursor:pointer;color:#000}#sidebar,#sidebar h4,#sidebar ul li a:hover,.billboard,.card-title,body.dark-mode .navbar-toggler,body.dark-mode .search-icon{color:#fff}.search-icon.hidden{display:none}#sidebar{position:fixed;top:0;left:-200px;width:200px;height:100vh;background-color:#343a40;box-shadow:2px 0 5px rgba(0,0,0,.1);transition:left .3s;z-index:1000}#sidebar.active{left:0}#sidebar .sidebar-content{padding:15px;display:flex;flex-direction:column;height:100%}#sidebar h4{margin-bottom:15px;font-size:1.1rem}#sidebar ul{list-style-type:none}#sidebar ul li a{color:#d1d1d1;text-decoration:none;padding:8px 0;display:block;font-size:.9rem;transition:color .3s}#hideSidebar{display:flex;justify-content:center;align-items:center;border:none;color:#fff;cursor:pointer;padding:5px;margin-bottom:20px}#hideSidebar:hover,body.dark-mode .card-title{color:#f8f9fa}#sidebar.active+.container{filter:blur(5px);pointer-events:none}.billboard{background:url('https://asupanviral.info/img/asupanviral.png') center center/cover no-repeat;height:120px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.6)}.badge-info{background-color:#17a2b8}.card,.info-container{background-color:#fff}.info-container{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-radius:5px;margin:20px 0}.card{border:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);margin-bottom:1px;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out;cursor:pointer;animation:.5s ease-out fadeIn}.footer,body.dark-mode .card,body.dark-mode .info-container,body.dark-mode .navbar{background-color:#282c30}.card-img-container img{width:100%;height:auto;object-fit:cover;border-bottom:1px solid #333;transition:filter .3s ease-in-out}.card:hover .card-img-container img{filter:blur(5px)}.card .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#e9ecef;opacity:0;transition:opacity .3s ease-in-out;z-index:1}.card:hover .play-icon{opacity:1}.card-body{padding:10px}.card-title{font-size:.8rem;font-weight:700;transition:color .3s ease-in-out}.col-6,.col-md-4{padding:5px}.date-view{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#b0b0b0}.date-view i{margin-right:4px;font-size:.75rem}#spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1050}#spinner-overlay .spinner-border{width:3rem;height:3rem;border-width:.3em;border-radius:50%;border-top-color:transparent;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.blurred-content{filter:blur(10px);pointer-events:none}.footer{color:#f8f9fa;padding:40px 0;border-top:1px solid #495057;margin-top:30px}.footer a{color:#f8f9fa;text-decoration:none;transition:color .3s}.footer .social-icons a:hover,.footer a:hover{color:#17a2b8}.footer h5{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.footer .social-icons a{color:#f8f9fa;margin-right:15px;font-size:1.5rem;transition:color .3s}.carousel-img{max-height:200px;object-fit:cover}.footer ul li{margin-bottom:10px}.footer ul li a{display:block;padding:5px 0}body.dark-mode{color:#f8f9fa}body.dark-mode .navbar-toggler-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h16M4 12h16m-7 6h7"/></svg>')}body.dark-mode .date-view{color:#e9ecef}