*{box-sizing:border-box}body{margin:0;font-family:'Segoe UI',sans-serif;background:#0f0f0f;color:#fff;padding-top:80px}header{position:fixed;top:0;width:100%;background:#1c1c1c;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.7)}.logo{color:#ff5722;font-weight:700;text-decoration:none;font-size:1.6rem}nav.desktop-nav a{color:#fff;margin-left:25px;text-decoration:none;font-weight:500;transition:.3s}nav.desktop-nav a:hover{color:#ff5722}.menu-toggle{display:none;font-size:2rem;background:none;border:none;color:#fff;cursor:pointer}.mobile-nav{display:none;flex-direction:column;background:#1c1c1c;position:absolute;top:60px;left:0;right:0;padding:10px 0;box-shadow:0 8px 20px rgba(0,0,0,.7)}.mobile-nav a{padding:12px 20px;color:#fff;text-decoration:none;border-bottom:1px solid #333;transition:.3s}.mobile-nav a:hover{background:#ff5722;border-bottom:1px solid #ff5722}.mobile-nav.show{display:flex}@media(max-width:768px){nav.desktop-nav{display:none}.menu-toggle{display:block}}main{max-width:1200px;margin:0 auto;padding:20px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.video-card{position:relative;background:#1c1c1c;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px rgba(0,0,0,.5)}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.7)}.video-card img{width:100%;height:150px;object-fit:cover;display:block}.video-info{padding:10px;text-align:center}.video-info h3{margin:5px 0;font-size:1rem;color:#fff}.views-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;padding:3px 8px;border-radius:12px;font-size:.8rem}.search-box{text-align:center;margin-bottom:20px}.search-box input[type=text]{padding:10px;width:60%;border-radius:6px;border:none;margin-right:10px}.search-box button{padding:10px 20px;background:#ff5722;color:#fff;border:none;border-radius:6px;cursor:pointer}.search-box button:hover{background:#e64a19}.pagination{text-align:center;margin-top:25px}.pagination a{display:inline-block;margin:0 5px;padding:8px 12px;background:#1c1c1c;color:#fff;border-radius:6px;text-decoration:none}.pagination a.disabled{pointer-events:none;opacity:.5}.pagination a:hover:not(.disabled){background:#333}mark{background:#ff5722;color:#fff;padding:0 2px;border-radius:3px}footer{background:#1c1c1c;text-align:center;padding:20px;color:#bbb;margin-top:30px;font-size:.9rem}footer a{color:#ff5722;text-decoration:none;margin:0 8px}footer a:hover{text-decoration:underline}.no-results{text-align:center;color:#bbb;grid-column:1/-1}