body{align-items:center;background-color:#0a0c18;color:#00f0ff;display:flex;flex-direction:column;font-family:Roboto,sans-serif;margin:0;overflow-x:hidden;padding:0}.index-page,.search-results-page,.three-dhmv-page,.two-dhmv-page,.video-page{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:20px auto;max-width:1200px;padding:20px;width:95%}.index-page h1,.search-results-page h1,.three-dhmv-page h1,.two-dhmv-page h1,.video-page h2.video-title{border-bottom:2px solid #00f0ff;font-size:2.2em;font-weight:700;letter-spacing:.08em;margin-bottom:.5em;padding-bottom:.2em;text-align:center;text-transform:uppercase}.search-bar{display:flex;justify-content:center;margin-bottom:2em;margin-left:auto;margin-right:auto;max-width:700px;width:95%}.search-bar input{background-color:#192135;border:2px solid #00f0ff;border-radius:10px;color:#fff;flex-grow:1;font-size:1.1em;padding:1em 1.5em;transition:border-color .3s ease;width:100%}.search-bar input:focus{border-color:#0ff;box-shadow:0 0 8px #00f0ff80;outline:none}.category-buttons,.navigation-links{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;margin-bottom:2em}.back-button,.category-buttons button,.download-button,.navigation-links a,.page-controls button{background-color:#101828;border:2px solid #00f0ff;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1em;padding:1em 1.5em;text-decoration:none;transition:background-color .3s ease,color .3s ease}.back-button:hover,.category-buttons button:hover,.download-button:hover,.navigation-links a:hover,.page-controls button:hover{background-color:#192135;color:#0ff}.video-grid{grid-gap:1.5em;display:grid;gap:1.5em;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 10px;width:100%}.video-item{background-color:#192135;border:2px solid #00f0ff;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .2s ease}.video-item:hover{box-shadow:0 0 15px #00f0ff4d;transform:scale(1.03)}.thumbnail-container{border-bottom:1px solid #00f0ff;overflow:hidden;padding-bottom:56.25%;position:relative}.thumbnail-container img{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%}.thumbnail-container img.loaded{opacity:1}.placeholder-thumbnail{align-items:center;background-color:#333;box-sizing:border-box;color:#ddd;display:flex;font-size:.9em;height:100%;justify-content:center;left:0;padding:10px;position:absolute;text-align:center;top:0;width:100%}.video-item h3{color:#e0e0e0;font-size:1.2em;margin:0;overflow-wrap:anywhere;padding:.8em 1em}.video-item .video-info{color:#e0e0e0cc;display:flex;font-size:1em;justify-content:space-between;padding:.8em 1em}.loading-overlay{align-items:center;background-color:#000c;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-spinner{animation:spin 1.5s linear infinite;border:8px solid #00f0ff33;border-radius:50%;border-top-color:#00f0ff;height:70px;margin-bottom:2em;width:70px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text,.loading-timer{color:#ddd;font-size:1.2em}.loading-timer{font-size:1em;margin-top:.5em}.pagination{flex-direction:column;margin:2em 0}.page-info,.pagination{align-items:center;display:flex}.page-info{gap:1em;margin-bottom:1em}.page-info span{color:#ddd;font-size:1em}.page-info input{background-color:#101828;border:2px solid #00f0ff;border-radius:5px;color:#fff;font-size:1em;padding:.6em .8em;width:5em}.page-controls{display:flex;flex-wrap:wrap;gap:.8em;justify-content:center}.page-controls button:disabled{background-color:#212a3d;border-color:#777;color:#777;cursor:not-allowed}.video-page .video-container{background-color:#192135;border:2px solid #00f0ff;border-radius:12px;display:flex;flex-direction:column;margin-bottom:2em;max-width:800px;overflow:hidden;width:100%}.video-page .video-container .thumbnail-container{border-bottom:none;padding-bottom:0}.video-page .thumbnail-container img{aspect-ratio:16/9;border-radius:12px 12px 0 0;display:block;height:auto;object-fit:cover;opacity:0;position:relative;transition:opacity .5s ease-in-out;width:100%}.video-page .thumbnail-container img.loaded{opacity:1}.video-page .video-info{align-items:flex-start;color:#ddd;display:flex;flex-direction:column;gap:.8em;padding:1.5em}.video-page .video-info h2.video-title{border-bottom:1px solid #ddd;font-size:2em;font-weight:400;letter-spacing:normal;margin-bottom:.5em;padding-bottom:.4em;text-align:left;text-transform:none;text-transform:capitalize}.video-page .video-info span{font-size:1em;margin-bottom:.3em}.video-page .download-button{align-self:flex-start;font-size:1.1em;margin-top:1.5em;padding:1em 1.5em}.video-page .back-button{align-self:center;margin-top:2em}@media (min-width:768px){.video-page .video-container{max-width:90%}.video-page .video-info h2.video-title{font-size:2.4em}.video-page .video-info span{font-size:1.1em}}@media (min-width:992px){.video-page .video-container{max-width:70%}.video-page .video-info h2.video-title{font-size:2.6em}.video-page .download-button,.video-page .video-info span{font-size:1.2em}}@media (min-width:1200px){.video-page .video-container{max-width:60%}.video-page .video-info h2.video-title{font-size:2.8em}.video-page .download-button,.video-page .video-info span{font-size:1.3em}.video-page .thumbnail-container{max-height:500px}}
/*# sourceMappingURL=main.9d453e99.css.map*/