*{margin:0;padding:0;box-sizing:border-box}.header{background-color:#141414;color:#fff;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:1000}.logo{margin:0;font-size:28px;font-weight:700;color:#e50914;letter-spacing:1px}.filter-dropdown{padding:8px 14px;background-color:#141414;color:#fff;border:1px solid #444;border-radius:4px;font-size:14px;outline:none;cursor:pointer;transition:all .2s ease-in-out}.filter-dropdown:hover,.filter-dropdown:focus{border-color:#e50914}.filter-dropdown option{background-color:#000;color:#fff}.about{background-color:#111;color:#fff;padding:60px 20px;text-align:center}.about h2{font-size:2rem;margin-bottom:20px;color:#e50914}.about p{max-width:700px;margin:0 auto;line-height:1.6;font-size:1.1rem;color:#ccc}.hero{background-image:url(https://images.unsplash.com/photo-1595769816263-9b910be24d5f?fm=jpg&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8bW92aWUlMjB0aGVhdGVyfGVufDB8fDB8fHww&ixlib=rb-4.1.0&q=60&w=3000);background-size:cover;background-position:center;height:80vh;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;margin-top:65px}.hero-overlay{background-color:#0009;text-align:center;padding:40px;border-radius:15px;position:absolute;top:50px}.hero h1{font-size:3rem;margin-bottom:15px}.hero p{font-size:1.2rem;margin-bottom:20px}.hero-btn{background-color:#e50914;color:#fff;padding:12px 25px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:.3s}.hero-btn:hover{background-color:#ff0c1861;transition:ease-out .1s}.media-container{width:100%;max-width:1200px;margin:28px auto;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;box-sizing:border-box}body{background-color:#222}.media-card{background:linear-gradient(180deg,#ffffff05,#00000059);border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #00000073;transition:transform .22s ease,box-shadow .22s ease;display:flex;flex-direction:column;cursor:pointer}.media-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 18px 36px #0009}.media-image{width:100%;height:260px;object-fit:cover;display:block;background-color:#222}@media(max-width:480px){.media-image{height:180px}}.media-info{padding:12px 12px 16px;color:#f3f3f3;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#0000,#0000004d)}.media-info h3{margin:0;font-size:16px;line-height:1.2;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-info p{margin:0;font-size:13px;color:#cfcfcf;opacity:.9}.media-info>span{margin-top:auto;align-self:flex-start;background:#00000073;padding:6px 8px;border-radius:20px;font-weight:600;font-size:13px;color:#ffd166;box-shadow:0 2px 6px #00000080}.media-card .rating-top{position:absolute;top:10px;right:10px;background:#0009;padding:6px 8px;border-radius:18px;color:#ffd166;font-weight:700;font-size:13px}.media-card.positioned{position:relative}.media-card:focus,.media-card:focus-within{outline:3px solid rgba(229,9,20,.15);transform:translateY(-6px)}.hidden{display:none!important}.footer{background-color:#141414;padding:40px 20px;color:#b3b3b3;text-align:center;border-top:1px solid #222;margin-top:40px}.footer-content{max-width:900px;margin:auto}.footer-logo{color:#e50914;font-size:28px;margin-bottom:20px;font-weight:700;letter-spacing:1px}.footer-links{list-style:none;display:flex;justify-content:center;gap:25px;margin-bottom:25px;padding:0}.footer-links li{cursor:pointer;font-size:15px;transition:color .2s ease-in-out}.footer-links li:hover{color:#fff}.footer-copy{font-size:13px;color:#777;margin-top:10px}