.navbar{position:fixed;top:0;width:100%;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s;background-color:transparent;z-index:1000}.navbar.scrolled{background-color:#141414}.navbar-left{display:flex;align-items:center;gap:1rem;flex:1}.logo{color:#e50914;font-size:1.5rem;font-weight:700;margin:0}.menu-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}.nav-links{display:none;position:fixed;top:60px;left:0;right:0;background-color:#141414;flex-direction:column;padding:1rem;gap:1rem;border-top:1px solid #333}.nav-links.open{display:flex}.nav-links a{color:#fff;text-decoration:none;font-size:1rem;padding:.5rem}.navbar-right{display:flex;align-items:center;gap:1rem}.icon{cursor:pointer}@media (min-width: 768px){.navbar{padding:1.25rem 2rem}.logo{font-size:2rem}.menu-toggle{display:none}.nav-links{display:flex;position:static;flex-direction:row;padding:0;gap:1.25rem;border:none;background:none}.nav-links a{font-size:.875rem;padding:0}.navbar-right{gap:1.25rem}}@media (min-width: 1024px){.navbar{padding:1.25rem 3rem}.nav-links{gap:1.5rem}}.hero{height:70vh;min-height:400px;background-image:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(20,20,20,1)),url(https://images.unsplash.com/photo-1536440136628-849c177e76a1?w=1200&h=800&fit=crop);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem 1rem 2rem}.hero-content{max-width:100%}.hero-title{font-size:2rem;font-weight:700;margin-bottom:.75rem;line-height:1.1}.hero-description{font-size:.875rem;line-height:1.4;margin-bottom:1.25rem;max-width:100%}.hero-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s;min-height:44px}.btn:active{opacity:.8}.btn-primary{background-color:#fff;color:#000}.btn-secondary{background-color:#6d6d6eb3;color:#fff}@media (min-width: 768px){.hero{height:75vh;padding:2rem 2rem 3rem;justify-content:center}.hero-title{font-size:3rem;margin-bottom:1rem}.hero-description{font-size:1rem;margin-bottom:1.5rem;max-width:500px}.hero-buttons{gap:1rem}.btn{padding:.75rem 1.75rem;font-size:1rem}}@media (min-width: 1024px){.hero{height:80vh;padding:0 3rem}.hero-title{font-size:3.75rem;margin-bottom:1.25rem;max-width:600px}.hero-description{font-size:1.125rem;margin-bottom:2rem}}.movie-card{min-width:120px;height:180px;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .3s ease;position:relative;flex-shrink:0}.movie-card.active{transform:scale(1.05)}.movie-image{width:100%;height:100%;object-fit:cover}.movie-overlay{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(to top,rgba(0,0,0,.95),transparent);opacity:0;transition:opacity .3s ease}.movie-overlay.visible{opacity:1}.movie-title{font-size:.75rem;margin-bottom:.5rem;line-height:1.2}.movie-controls{display:flex;gap:.5rem}.control-btn{width:32px;height:32px;min-height:32px;border-radius:50%;border:2px solid white;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;flex-shrink:0}.control-btn:active{transform:scale(.95)}.control-btn.primary{background-color:#fff;color:#000;border-color:#fff}.control-btn.liked{background-color:#fff;color:#e50914;border-color:#fff}@media (min-width: 768px){.movie-card{min-width:160px;height:240px}.movie-card:hover{transform:scale(1.1)}.movie-card:hover .movie-overlay{opacity:1}.movie-overlay{padding:1rem}.movie-title{font-size:.875rem;margin-bottom:.625rem}.control-btn{width:36px;height:36px;min-height:36px}}@media (min-width: 1024px){.movie-card{min-width:200px;height:300px}.movie-title{font-size:1rem;margin-bottom:.75rem}.control-btn{width:40px;height:40px;min-height:40px}}.row{padding:1rem;margin-bottom:1rem}.row-title{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.row-movies{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.row-movies::-webkit-scrollbar{height:6px}.row-movies::-webkit-scrollbar-track{background:#141414}.row-movies::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.row-movies::-webkit-scrollbar-thumb:hover{background:#888}@media (min-width: 768px){.row{padding:1.25rem 2rem}.row-title{font-size:1.5rem;margin-bottom:1rem}.row-movies{gap:.625rem}}@media (min-width: 1024px){.row{padding:1.25rem 3rem}.row-movies{gap:.75rem}}.app{min-height:100vh;background-color:#141414}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#141414;color:#fff;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#141414}::-webkit-scrollbar-thumb{background:#555;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#888}