*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--blue:#0d6efd;--blue-dark:#0b5ed7;--black:#1a1a1a;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e5e5e5;--gray-300:#ccc;--gray-500:#999;--gray-600:#666;--gray-700:#555;--gray-900:#333;--header-height:60px;--radius:4px;--max-w:1400px;--transition-speed:0.3s}html{scroll-behavior:smooth;font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--white);color:#000;line-height:1.6;min-height:100vh}body.dark-mode{background:var(--black);color:var(--white)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}body.dark-mode a{color:#6ea8fe}.main-container{display:flex;min-height:100vh}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--white);box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000}body.dark-mode .site-header{background:var(--black);box-shadow:0 2px 8px rgba(0,0,0,.3)}.header-inner{max-width:var(--max-w);margin:0 auto;padding:0 1rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{font-size:1.5rem;font-weight:700;color:var(--blue)}.logo,.logo:hover{text-decoration:none}body.dark-mode .logo{color:#6ea8fe}.menu-container{position:relative}.menu-toggle{display:flex;align-items:center;padding:.5rem;cursor:pointer;background:none;border:none;color:inherit;border-radius:50%;transition:background-color var(--transition-speed)}.menu-toggle:hover{background-color:var(--gray-100)}body.dark-mode .menu-toggle:hover{background-color:var(--gray-900)}.menu-dropdown{position:absolute;top:100%;left:0;width:300px;background:var(--white);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:1rem;z-index:1000;opacity:0;transform:translateY(-10px);transition:all var(--transition-speed);pointer-events:none}body.dark-mode .menu-dropdown{background:var(--gray-900)}.menu-dropdown.visible{opacity:1;transform:translateY(0);pointer-events:auto}.menu-section{padding:1rem 0}.menu-section h3{font-size:.9rem;text-transform:uppercase;color:var(--blue);margin-bottom:.5rem}body.dark-mode .menu-section h3{color:#6ea8fe}.menu-section a{display:block;padding:.5rem 0;color:inherit;text-decoration:none;transition:color var(--transition-speed)}.menu-section a:hover{color:var(--blue)}.search-container{flex:1 1;max-width:600px;display:flex;gap:.5rem}.search-container input{flex:1 1;padding:.5rem 1rem;border:2px solid transparent;border-radius:50px;background:var(--gray-100);color:inherit;font-size:1rem;transition:all var(--transition-speed)}body.dark-mode .search-container input{background:var(--gray-900)}.search-container input:focus{outline:none;border-color:var(--blue);background:var(--white)}body.dark-mode .search-container input:focus{background:var(--black)}.search-btn{background:none;border:none;color:inherit;padding:.5rem;border-radius:50%;cursor:pointer;transition:background-color var(--transition-speed)}.search-btn:hover{background-color:var(--gray-100)}body.dark-mode .search-btn:hover{background-color:var(--gray-900)}.theme-toggle{background:none;border:none;color:inherit;padding:.5rem;border-radius:50%;cursor:pointer;transition:background-color var(--transition-speed)}.theme-toggle:hover{background-color:var(--gray-100)}body.dark-mode .theme-toggle:hover{background-color:var(--gray-900)}.content-area{width:100%;display:flex;flex-direction:column;min-height:100vh}.content-area.has-sidebar{width:85%}main{padding:calc(var(--header-height) + 1rem) 1rem 1rem;flex:1 1;overflow-y:auto;max-width:var(--max-w);margin:0 auto;width:100%}.category-tabs{display:flex;gap:.5rem;margin:1rem 0 1.5rem;flex-wrap:wrap;justify-content:center}.tab{padding:.5rem 1rem;background:var(--gray-100);color:inherit;border:none;border-radius:50px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all var(--transition-speed)}.tab.active,.tab:hover{background:var(--blue);color:#fff}body.dark-mode .tab{background:var(--gray-900)}body.dark-mode .tab:hover{background:var(--blue);color:#fff}.tab.premium-tab{background:linear-gradient(135deg,#ff6b35,gold,#ff6b35);background-size:200% 200%;color:#000!important;font-weight:700;padding:.5rem 1.25rem;box-shadow:0 0 12px rgba(255,107,53,.4);border:1px solid rgba(255,215,0,.5);animation:premiumShimmer 3s ease-in-out infinite;position:relative}.tab.premium-tab:hover{background:linear-gradient(135deg,gold,#ff6b35,gold);background-size:200% 200%;color:#000!important;box-shadow:0 0 20px rgba(255,107,53,.7);transform:scale(1.04)}@keyframes premiumShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.video-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1.25rem;gap:1.25rem;margin-bottom:2rem}.video-card{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;transition:all var(--transition-speed);text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(0,0,0,.08)}.video-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1);border-color:var(--blue);text-decoration:none}body.dark-mode .video-card{background:var(--gray-900);border-color:var(--gray-700)}body.dark-mode .video-card:hover{border-color:var(--blue)}.video-thumbnail-container{position:relative;width:100%;padding-top:56.25%;background:var(--gray-100);overflow:hidden;border-radius:8px 8px 0 0}body.dark-mode .video-thumbnail-container{background:var(--gray-900)}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-speed)}.video-card:hover .video-thumbnail{transform:scale(1.02)}.video-duration,.video-quality{position:absolute;bottom:6px;background:rgba(0,0,0,.75);color:#fff;padding:1px 6px;border-radius:2px;font-size:.75rem;font-weight:400;z-index:1}.video-duration{left:6px}.video-quality{right:6px}.video-info{padding:.75rem}.video-title{font-size:.9rem;font-weight:400;margin-bottom:.35rem;line-height:1.3;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta{font-size:.8rem;color:var(--gray-600)}body.dark-mode .video-meta{color:var(--gray-500)}.no-videos{text-align:center;padding:3rem;font-size:1.2rem;opacity:.7}.breadcrumb{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;font-size:.9rem;color:var(--gray-600)}.breadcrumb a{color:var(--blue)}.breadcrumb span{color:var(--gray-500)}.content-wrapper{display:grid;grid-template-columns:1fr 400px;grid-gap:2rem;gap:2rem;align-items:start}.main-content{min-width:0}.video-wrapper{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15)}.video-wrapper iframe,.video-wrapper video{width:100%;display:block;max-height:70vh;object-fit:contain;margin:0 auto;border:none}.video-details{margin-bottom:2rem}.video-details .video-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;white-space:normal}.video-details .video-meta{display:flex;gap:1rem;font-size:.9rem;margin-bottom:1rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.tag{display:inline-block;background:var(--gray-100);color:var(--blue);padding:.25rem .75rem;border-radius:999px;font-size:.8rem;border:1px solid var(--gray-200);transition:all var(--transition-speed)}.tag,.tag:hover{text-decoration:none}.tag:hover{background:var(--blue);color:#fff}body.dark-mode .tag{background:var(--gray-900);border-color:var(--gray-700)}body.dark-mode .tag:hover{background:var(--blue);color:#fff}.more-related-videos{margin-top:2rem}.more-related-videos-title{font-size:1.3rem;margin-bottom:1.5rem;color:inherit;border-bottom:2px solid var(--blue);padding-bottom:.5rem}.related-videos{background:var(--white);border-radius:12px;overflow:hidden;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 2rem);box-shadow:0 2px 12px rgba(0,0,0,.08)}body.dark-mode .related-videos{background:var(--gray-900)}.related-videos-content{padding:1.5rem}.related-videos-title{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200);color:inherit}.dark-mode .related-videos-title,body.dark-mode .related-videos-title{border-color:hsla(0,0%,100%,.1)}.related-videos-list{display:flex;flex-direction:column;gap:1.5rem}.related-video-card{display:flex;gap:.75rem;padding:.5rem;background:var(--gray-50);border-radius:8px;text-decoration:none;color:inherit;transition:background-color var(--transition-speed);overflow:hidden}.related-video-card:hover{background:var(--gray-100);text-decoration:none}body.dark-mode .related-video-card{background:var(--gray-900)}body.dark-mode .related-video-card:hover{background:var(--gray-800)}.related-video-card .related-info{flex:1 1;min-width:0;display:flex;flex-direction:column;padding-top:2px}.related-video-card .related-info h3{font-size:.875rem;font-weight:500;margin-bottom:.25rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:inherit;width:100%;max-width:100%;word-break:break-word;text-transform:none}.related-thumbnail{position:relative;width:168px;height:94px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--gray-100)}.related-thumbnail img{width:100%;height:100%;object-fit:cover}.related-duration{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.8);color:#fff;padding:3px 4px;border-radius:4px;font-size:.75rem;font-weight:500;letter-spacing:.2px}.related-meta{display:flex;flex-direction:column;gap:.125rem;font-size:.75rem;color:var(--gray-600)}.ad-container{background:var(--white);padding:1rem;position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;margin-top:1.5rem;border-radius:12px;text-align:center}body.dark-mode .ad-container{background:var(--gray-900)}.ad-label{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0;flex-wrap:wrap}.page-number,.pagination-btn{padding:.5rem 1rem;border:1px solid var(--gray-200);background:var(--white);color:inherit;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all var(--transition-speed);text-decoration:none}.page-number:hover,.pagination-btn:hover{text-decoration:none}.page-number.active,.page-number:hover,.pagination-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-dots{padding:.5rem;opacity:.5}body.dark-mode .page-number,body.dark-mode .pagination-btn{background:var(--gray-900);border-color:var(--gray-700)}body.dark-mode .page-number:hover,body.dark-mode .pagination-btn:hover{background:var(--blue);border-color:var(--blue)}.results-header{margin-bottom:1.5rem;text-align:center}.results-header h1{font-size:1.8rem;margin-bottom:.5rem}.results-header p{color:var(--gray-600);font-size:.9rem}.site-footer{background:var(--white);border-top:2px solid var(--gray-200);padding:3rem 1rem 1rem;margin-top:4rem}body.dark-mode .site-footer{background:var(--black);border-color:var(--gray-800)}.footer-content{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem}.footer-section h3{color:var(--blue);margin-bottom:1rem;font-size:1.1rem}body.dark-mode .footer-section h3{color:#6ea8fe}.footer-section p{line-height:1.6}.footer-section a,.footer-section p{font-size:.9rem;color:var(--gray-600)}.footer-section a{display:block;text-decoration:none;padding:.3rem 0;transition:color var(--transition-speed)}.footer-section a:hover{color:var(--blue)}body.dark-mode .footer-section a{color:var(--gray-500)}body.dark-mode .footer-section a:hover{color:#6ea8fe}.footer-bottom{max-width:var(--max-w);margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}body.dark-mode .footer-bottom{border-color:var(--gray-800)}.footer-bottom p{font-size:.85rem;color:var(--gray-600)}.footer-features{display:flex;gap:1rem;flex-wrap:wrap}.footer-features span{font-size:.85rem;color:var(--gray-500)}@media(max-width:1400px){.video-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.content-wrapper{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(3,1fr)}.content-area.has-sidebar{width:100%}.related-videos{position:static}.related-videos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;gap:1rem}}@media(max-width:768px){.header-inner{gap:.5rem}.logo{font-size:1.2rem}.search-container input{font-size:.9rem}.video-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.menu-dropdown{width:280px}.footer-content{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;text-align:center}.related-videos-list{grid-template-columns:1fr}}@media(max-width:480px){.video-grid{grid-template-columns:1fr}.category-tabs{gap:.35rem}.tab{font-size:.8rem;padding:.35rem .75rem}.footer-content{grid-template-columns:1fr}.video-wrapper video{max-height:50vh}.related-thumbnail{width:140px;height:79px}}.seo-content{margin:2rem 0;padding:2rem;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-200)}body.dark-mode .seo-content{background:var(--gray-900);border-color:var(--gray-800)}.seo-content h2{color:var(--blue);margin-bottom:1rem;font-size:1.5rem}.seo-content p{line-height:1.7;margin-bottom:1rem;color:inherit}.seo-features{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem;margin:1.5rem 0}.seo-features li{padding:.75rem;background:var(--white);border-radius:8px;border:1px solid var(--gray-200);font-weight:500;list-style:none}body.dark-mode .seo-features li{background:var(--gray-900);border-color:var(--gray-700)}.legal-container{max-width:800px;margin:0 auto;padding:2rem 0}.legal-container h1{font-size:2rem;margin-bottom:2rem;color:inherit}.legal-container section{margin-bottom:2rem}.legal-container h2{font-size:1.3rem;margin-bottom:1rem;color:inherit}.legal-container h3{font-size:1.1rem;margin-bottom:.75rem;color:inherit}.legal-container p{line-height:1.7;margin-bottom:1rem;color:var(--gray-700)}body.dark-mode .legal-container p{color:var(--gray-400)}.legal-container ul{margin-bottom:1rem;padding-left:1.5rem}.legal-container li{line-height:1.7;margin-bottom:.5rem}.not-found{text-align:center;padding:4rem 2rem}.not-found h1{font-size:3rem;margin-bottom:1rem}.not-found p{font-size:1.1rem;color:var(--gray-600);margin-bottom:2rem}