*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.logo img{height:40px}.search-container{flex:1;margin:0 2rem;max-width:400px}#searchInput{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s;width:100%}#searchInput:focus{border-color:#007bff;outline:none}.category-filters{background:#f8f9fa;display:flex;gap:.5rem;margin:0 auto;max-width:1200px;overflow-x:auto;padding:1rem 2rem}.filter-btn{background:#fff;border:2px solid #e1e5e9;border-radius:20px;cursor:pointer;padding:.5rem 1rem;transition:all .3s;white-space:nowrap}.filter-btn:hover{background:#f8f9ff;border-color:#007bff}.filter-btn.active{background:#007bff;border-color:#007bff;color:#fff}main{margin:0 auto;max-width:1200px;padding:2rem}.video-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s,box-shadow .3s}.video-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-4px)}.video-thumbnail{aspect-ratio:16/9;cursor:pointer;overflow:hidden;position:relative}.video-thumbnail img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.video-thumbnail:hover img{transform:scale(1.05)}.play-button{align-items:center;background:rgba(0,0,0,.8);border-radius:50%;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:60px}.video-thumbnail:hover .play-button{background:red;transform:translate(-50%,-50%) scale(1.1)}.video-info{padding:1.5rem}.video-title{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.video-description{color:#666;font-size:.9rem;line-height:1.5}.modal{background-color:rgba(0,0,0,.9);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:12px;display:flex;flex-direction:column;margin:2% auto;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:90%}.close{align-items:center;background:rgba(0,0,0,.5);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:35px;font-weight:700;height:40px;justify-content:center;position:absolute;right:25px;top:15px;width:40px;z-index:1001}.video-container{flex-shrink:0;height:0;padding-bottom:56.25%;position:relative;width:100%}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-info{flex:1;max-height:50vh;overflow-y:auto;padding:2rem}#videoTitle{color:#333;font-size:1.5rem;margin-bottom:1rem}#videoDescription{color:#666;line-height:1.6;margin-bottom:1rem}#videoHighlights{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:1rem}#videoHighlights h4{color:#333;margin-bottom:.5rem}#videoHighlights ol,#videoHighlights ul{margin:.5rem 0;padding-left:1.5rem}#videoHighlights li{line-height:1.4;margin:.25rem 0}#videoHighlights strong{color:#333;font-weight:600}#videoHighlights em{color:#555;font-style:italic}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;padding:1rem}.search-container{margin:0;max-width:none}.category-filters{padding:1rem}.video-grid{gap:1rem;grid-template-columns:1fr}.modal-content{margin:5% auto;max-height:95vh;width:95%}.video-info{max-height:40vh;padding:1rem}}.video-info::-webkit-scrollbar{width:8px}.video-info::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.video-info::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.video-info::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.video-card.loading{opacity:.6}.video-card.hidden{display:none}