*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#0f0f0f;color:#fff;min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(to bottom,#141414fa,#141414d9);padding:20px 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333}.header-content{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px}.logo{font-size:28px;font-weight:700;color:#e50914;text-decoration:none;letter-spacing:-1px;justify-self:start}.search-box{display:flex;gap:10px;max-width:650px;width:100%}.search-box input{flex:1;padding:12px 16px;border:none;border-radius:8px;background:#1a1a1a;color:#fff;font-size:15px;outline:none;transition:all .3s ease}.search-box input:focus{background:#252525;box-shadow:0 0 0 2px #e50914}.search-box input::placeholder{color:#666}.search-box button{padding:12px 24px;background:#e50914;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.search-box button:hover{background:#f40612;transform:scale(1.02)}.main-content{max-width:1400px;margin:0 auto;padding:30px 20px;flex:1;width:100%}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px}.video-card{text-decoration:none;color:inherit;transition:transform .3s ease;border-radius:8px;overflow:hidden}.video-card:hover{transform:scale(1.05)}.video-poster{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:8px;background:#1a1a1a}.video-poster img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.video-card:hover .video-poster img{opacity:.8}.video-info{padding:12px 0}.video-name{font-size:14px;font-weight:500;color:#fff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-results{text-align:center;padding:60px 20px;color:#666;font-size:18px}.feedback-section{margin-top:20px}.feedback-section p{color:#888;font-size:14px;margin-bottom:10px}.feedback-section button{padding:10px 24px;background:#e50914;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.feedback-section button:hover{background:#f40612;transform:scale(1.02)}.feedback-success{margin-top:15px}.feedback-success p{color:#4caf50;font-size:14px}.error{color:#e50914;text-align:center;padding:20px}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:40px 20px 20px;flex-wrap:wrap}.pagination-btn{min-width:44px;height:44px;padding:0 16px;background:#222;color:#fff;border:1px solid #333;border-radius:50px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-btn:hover{background:#e50914;border-color:#e50914;transform:translateY(-2px);box-shadow:0 4px 12px #e509144d}.pagination-btn.active{background:#e50914;border-color:#e50914;color:#fff;cursor:default;box-shadow:0 2px 8px #e5091466}.pagination-ellipsis{color:#666;padding:0 8px;font-size:14px}.player-page{max-width:1200px;margin:0 auto;padding:30px 20px;flex:1;width:100%}.video-title{font-size:28px;font-weight:600;margin-bottom:20px;text-align:center}.source-switcher{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:8px;background:#1a1a1a99;border-radius:12px}.source-btn{position:relative;padding:12px 28px;background:transparent;color:#999;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;overflow:hidden}.source-btn:hover{color:#fff}.source-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#e509141a,#e5091433);opacity:0;transition:opacity .3s ease}.source-btn:hover:before{opacity:1}.source-btn.active{color:#fff;background:linear-gradient(135deg,#e50914,#b81d24);box-shadow:0 4px 15px #e5091466}.source-btn.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:#fff;border-radius:2px}.player-container{background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000080}.player-container iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;min-height:400px;margin:0 auto}.back-link{color:#fff;text-decoration:none;font-size:14px;padding:8px 16px;background:#333;border-radius:6px;transition:background .3s ease}.back-link:hover{background:#444}@media(max-width:768px){.header-content{grid-template-columns:1fr;justify-items:center;gap:15px}.logo{justify-self:center}.search-box{max-width:none;width:100%}.video-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.video-title{font-size:22px}.player-container iframe{min-height:250px}}.footer{background:#1a1a1a;border-top:1px solid #333;padding:25px 20px;margin-top:40px}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.footer-links{display:flex;gap:20px}.footer-link{color:#999;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-link:hover{color:#e50914}.footer-contact{color:#666;font-size:14px}.email-link{color:#e50914;text-decoration:none}.email-link:hover{color:#f40612}.all-page{max-width:1400px;margin:0 auto;padding:30px 20px}.page-title{font-size:24px;font-weight:600;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #e50914}.all-videos-list{display:flex;flex-wrap:wrap;gap:12px 16px}.video-list-item{padding:10px 18px;background:#1a1a1a;border-radius:6px;text-decoration:none;color:#fff;font-size:14px;transition:all .3s ease}.video-list-item:hover{background:#e50914;color:#fff}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-links{flex-direction:column;gap:10px}}