*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#141414;min-height:100vh;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.navbar{z-index:1000;background:linear-gradient(#000000f2,#0000);justify-content:space-between;align-items:center;padding:14px 40px;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#111}.navbar-logo{color:#e50914;letter-spacing:2px;text-transform:uppercase;cursor:pointer;flex-shrink:0;font-size:22px;font-weight:900}.navbar-links{gap:24px;display:flex}.nav-link{color:#ccc;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.navbar-right{align-items:center;gap:12px;display:flex}.nav-search-input{color:#fff;background:#1a1a1a;border:1px solid #444;border-radius:6px;outline:none;width:180px;padding:7px 12px;font-size:13px}.nav-search-input:focus{border-color:#e50914}.nav-search-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.nav-icon{cursor:pointer;font-size:18px}.navbar-avatar{color:#fff;cursor:pointer;background:#e50914;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.type-filter{gap:12px;padding:80px 40px 0;display:flex}.filter-btn{color:#ccc;cursor:pointer;background:#1a1a1a;border:1px solid #444;border-radius:6px;padding:8px 20px;font-size:13px;transition:all .2s}.filter-btn.active,.filter-btn:hover{color:#fff;background:#e50914;border-color:#e50914}.home-banner{width:100%;height:520px;margin-top:12px;position:relative;overflow:hidden}.home-banner img{object-fit:cover;object-position:top center;width:100%;height:100%}.home-banner-overlay{background:linear-gradient(90deg,#000000e6 0%,#00000080 55%,#0000000d 100%);position:absolute;inset:0}.home-banner-content{max-width:480px;position:absolute;bottom:50px;left:50px}.banner-platform{color:#e50914;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:700}.banner-title{letter-spacing:-1px;text-shadow:0 2px 8px #000000b3;margin-bottom:8px;font-size:54px;font-weight:900;line-height:1.05}.banner-subtitle{color:#aaa;margin-bottom:12px;font-size:14px}.banner-description{color:#ccc;margin-bottom:24px;font-size:14px;line-height:1.6}.banner-buttons{gap:12px;display:flex}.btn-play{color:#000;cursor:pointer;background:#fff;border:none;border-radius:6px;align-items:center;padding:10px 24px;font-size:15px;font-weight:700;transition:background .2s;display:flex}.btn-play:hover{background:#ddd}.btn-info{color:#fff;cursor:pointer;background:#6d6d6eb3;border:none;border-radius:6px;align-items:center;padding:10px 24px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.btn-info:hover{background:#6d6d6ee6}.banner-rating{color:#fffc;border:1px solid #ffffff80;padding:4px 10px;font-size:12px;position:absolute;bottom:30px;right:20px}.info-right{background:#1a1a1a;flex:1;padding:20px 30px}.info-title-dark{color:#fff;margin-bottom:12px;font-size:15px;font-weight:700}.telegram-row{align-items:center;gap:16px;display:flex}.telegram-badge{color:#fff;text-align:center;letter-spacing:1px;background:#2196f3;border-radius:6px;flex-shrink:0;padding:10px 14px;font-size:11px;font-weight:700;line-height:1.4}.telegram-text{color:#2c8;font-size:13px;line-height:1.7}.row-section{padding:30px 40px 10px}.row-title{color:#fff;margin-bottom:16px;font-size:20px;font-weight:700}.row-title span{color:#e50914;cursor:pointer;margin-left:10px;font-size:13px;font-weight:500}.row-scroll{scrollbar-width:none;gap:14px;padding-bottom:12px;display:flex;overflow-x:auto}.row-scroll::-webkit-scrollbar{display:none}.row-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px;display:grid}.card{cursor:pointer;background:#1a1a1a;border-radius:8px;flex-shrink:0;width:155px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.row-grid .card{width:100%}.card:hover{z-index:10;transform:scale(1.06);box-shadow:0 10px 36px #000c}.card img{object-fit:cover;width:100%;height:220px;transition:filter .2s;display:block}.card:hover img{filter:brightness(.7)}.card-hover-overlay{opacity:0;background:#00000026;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.card:hover .card-hover-overlay{opacity:1}.play-icon-circle{color:#000;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;display:flex;box-shadow:0 4px 16px #00000080}.card-info{padding:10px}.card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;font-weight:600;overflow:hidden}.card-meta{color:#888;font-size:11px}.app-wrapper{padding-bottom:60px}.status-message{text-align:center;color:#aaa;padding:60px 40px;font-size:18px}.status-message.error{color:#e50914}.footer{text-align:center;color:#555;border-top:1px solid #222;margin-top:20px;padding:24px 40px;font-size:12px}