:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{color:#fff;z-index:100;background:#141414;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.navbar__logo{color:#e50914;letter-spacing:2px;font-size:2rem;font-weight:700}.navbar__links{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.navbar__links li{cursor:pointer;font-size:1.1rem;transition:color .2s}.navbar__links li:hover{color:#e50914}.navbar__search input{color:#fff;background:#222;border:none;border-radius:20px;outline:none;padding:.5rem 1rem;font-size:1rem}@media (width<=700px){.navbar{flex-direction:column;align-items:flex-start;padding:1rem}.navbar__links{gap:1rem;margin-top:.5rem}.navbar__search{width:100%;margin-top:.5rem}.navbar__search input{width:100%}}.hero-banner{color:#fff;background-position:50%;background-size:cover;align-items:flex-end;height:55vw;min-height:350px;max-height:600px;display:flex;position:relative;box-shadow:0 4px 30px #000000b3}.hero-banner__overlay{background:linear-gradient(#141414b3 60%,#141414 100%);align-items:flex-end;width:100%;height:100%;display:flex}.hero-banner__content{max-width:600px;padding:2rem 3rem}.hero-banner__content h1{margin-bottom:.5rem;font-size:2.5rem}.hero-banner__content p{margin-bottom:1.5rem;font-size:1.2rem}.hero-banner__btn{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:5px;padding:.7rem 2rem;font-size:1.1rem;transition:background .2s}.hero-banner__btn:hover{background:#b0060f}@media (width<=700px){.hero-banner__content{padding:1rem}.hero-banner__content h1{font-size:1.5rem}}.movie-card{cursor:pointer;background:#222;border-radius:10px;outline:none;width:200px;min-width:200px;height:300px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000080}.movie-card:hover,.movie-card:focus{z-index:2;transform:scale(1.07);box-shadow:0 6px 24px #e50914aa}.movie-card__poster{object-fit:cover;width:100%;height:100%;display:block}.movie-card__details{color:#fff;opacity:1;background:#141414f2;width:100%;padding:1rem;transition:opacity .2s;position:absolute;bottom:0;left:0}.movie-card__details h3{margin:0 0 .3rem;font-size:1.1rem}.movie-card__details p{margin:.1rem 0;font-size:.95rem}.movie-row{margin:2rem 0}.movie-row h2{color:#fff;margin-bottom:1rem;margin-left:1.5rem;font-size:1.4rem;font-weight:600}.movie-row__list{scrollbar-width:thin;scrollbar-color:#e50914 #222;gap:1.2rem;padding:0 1.5rem 1rem;display:flex;overflow-x:auto}.movie-row__list::-webkit-scrollbar{height:8px}.movie-row__list::-webkit-scrollbar-thumb{background:#e50914;border-radius:4px}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.app{color:#fff;background:#141414;min-height:100vh;font-family:Segoe UI,Arial,sans-serif}.loading,.error{text-align:center;margin:2rem 0;font-size:1.3rem}.search-results{margin:2rem 0}@media (width<=900px){.movie-row__list{gap:.7rem}.movie-card{width:140px;min-width:140px;height:210px}}@media (width<=600px){.app{padding:0}.movie-row__list{padding:0 .5rem 1rem}.movie-card{width:110px;min-width:110px;height:160px}}