@charset "UTF-8";.list{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:10px 40px 10px 14px;font-size:14px;font-weight:500;color:#e5e5e5;background-color:#1b1b1b;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.list:hover{border-color:#555;background-color:#222}.list:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e5091466}option{background:#1b1b1b;color:#fff}.search-bar{display:flex;align-items:center;gap:10px}.search-input{padding:10px 14px;width:220px;font-size:14px;color:#fff;background:#1b1b1b;border:1px solid #333;border-radius:8px;transition:all .2s ease}.search-input::placeholder{color:#888}.search-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 2px #e509144d}.search-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;background:#e50914;color:#fff;cursor:pointer;transition:all .2s ease}.search-btn:hover{background:#ff1f2f;transform:translateY(-1px)}.search-btn:active{transform:scale(.96)}.app-header{position:sticky;top:0;z-index:100;display:flex;flex-direction:column;gap:12px;padding:12px 16px;background:#111111e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #222}.nav-left,.nav-center,.nav-right{display:flex;align-items:center;gap:10px}.nav-center{justify-content:center;width:100%}.app-header button{padding:8px 14px;font-size:14px;font-weight:500;border:1px solid #333;border-radius:8px;background:#1b1b1b;color:#fff;cursor:pointer;transition:all .2s ease}.app-header button:hover{background:#333;transform:translateY(-1px)}.app-header button:active{transform:scale(.96)}@media(min-width:768px){.app-header{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 20px}.nav-center{flex:1;justify-content:center}}@media(min-width:1024px){.app-header{padding:14px 32px}.app-header button{padding:10px 18px;font-size:15px}}.app-content{padding:24px}.favorites-header{display:flex;justify-content:center;color:#fff}.burger{display:none;width:30px;height:30px;padding:0;font-size:22px;border:none;background:transparent;color:#fff;cursor:pointer}.mobile-menu{display:none;flex-direction:column;gap:10px;padding:16px;background:#111;border-top:1px solid #222}.mobile-menu.open{display:flex}@media(max-width:768px){.burger{display:block}.nav-left,.nav-right{display:none}}@media(min-width:768px){.mobile-menu{display:none!important}}.movieList{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:1200px;margin:0 auto}.movieList li{display:flex;flex-direction:column;gap:10px;padding:10px;background:#1b1b1b;border-radius:8px;transition:transform .2s ease}.movieList li:hover{transform:translateY(-4px)}.movieList img{width:100%;height:280px;object-fit:cover;border-radius:6px;transition:transform .2s ease}.movieList li:hover img{transform:scale(1.03)}.movieList .overview{height:70px;overflow-y:auto;font-size:14px}@media(min-width:768px){.movieList{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.movieList{grid-template-columns:repeat(4,1fr)}}.list-container{display:flex;flex-direction:column;gap:20px;align-items:center}.list-container .load-more{padding:10px 16px;width:300px;font-size:14px;font-weight:500;border:1px solid #333;border-radius:8px;background:#1b1b1b;color:#fff;cursor:pointer;transition:all .2s ease}.list-container .load-more:hover{background:#333;transform:translateY(-1px)}.movie-card{list-style:none;width:auto}.movie-card-inner{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.movie-card-inner:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0009}.movie-card-inner:hover .movie-overlay{opacity:1}.movie-poster{width:100%;height:270px;object-fit:cover;display:block}.movie-overlay{position:absolute;bottom:0;left:0;width:100%;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.5),transparent);opacity:0;transition:opacity .25s}.movie-overlay h3{font-size:14px;width:200px;color:#fff;margin:0}.movie-overlay p{font-size:12px;margin:4px 0 0;color:#ccc;width:100%}.favorite-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:18px;cursor:pointer;transition:transform .2s,background .2s}.favorite-btn:hover{background:#e50914;transform:scale(1.1)}.movie-page{padding:2rem;max-width:1200px;margin:0 auto;font-family:Inter,Arial,sans-serif;color:#e5e5e5;position:relative}.movie-page .go-back{position:fixed;top:80px;left:24px;padding:8px 16px;border-radius:8px;background:#1f1f1f;color:#fff;text-decoration:none;border:1px solid #333;transition:.2s}.movie-page .go-back:hover{background:#333;transform:translateY(-1px)}.movie-page .movie-header{margin-top:60px;display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap}.movie-page .movie-header .poster{width:300px;border-radius:12px;box-shadow:0 10px 30px #0009;transition:transform .3s}.movie-page .movie-header .poster:hover{transform:scale(1.03)}.movie-page .movie-header button{position:absolute;top:80px;right:32px;padding:10px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;background:#e50914;color:#fff;transition:.2s}.movie-page .movie-header button:hover{background:#ff1f2f;transform:translateY(-2px)}.movie-page .movie-header .movie-info{flex:1;min-width:320px}.movie-page .movie-header .movie-info h1{font-size:2.5rem;margin-bottom:10px}.movie-page .movie-header .movie-info .tagline{color:#aaa;font-style:italic;margin-bottom:20px}.movie-page .movie-header .movie-info p{margin:8px 0;line-height:1.5}.movie-page .movie-header .movie-info p strong{color:#fff}.movie-page .movie-header .movie-info a{color:#1e90ff}.movie-page .movie-header .movie-info a:hover{text-decoration:underline}.similar-list{margin-top:50px;width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:nowrap;gap:20px;list-style:none;padding:0}.similar-list li{background:#1b1b1b;border-radius:10px;overflow:hidden;cursor:pointer;width:200px;transition:.25s}.similar-list li:hover{transform:translateY(-6px);box-shadow:0 10px 25px #000000b3}.similar-list img{width:100%;height:260px;object-fit:cover}.similar-list p{padding:10px;font-size:14px}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;color:#fff;gap:15px}.auth-container a{color:#1e90ff}.auth-container a:hover{text-decoration:underline}.auth-form{width:320px;display:flex;flex-direction:column;gap:14px;padding:28px;background:#151515;border-radius:12px;border:1px solid #2a2a2a;box-shadow:0 10px 25px #0009}.auth-form h2{text-align:center;margin-bottom:10px}.auth-form label{display:flex;flex-direction:column;font-size:14px;gap:6px}.auth-form input{padding:10px;border-radius:6px;border:1px solid #333;background:#0f0f0f;color:#fff;font-size:14px;transition:.2s}.auth-form input:focus{outline:none;border-color:#e50914}.auth-form button{margin-top:10px;padding:10px;border:none;border-radius:6px;background:#e50914;color:#fff;font-weight:600;cursor:pointer;transition:.2s}.auth-form button:hover{background:#ff1f2b}.auth-form button:active{transform:scale(.97)}.login-container{display:flex;justify-content:center;flex-direction:column;gap:15px;align-items:center;min-height:70vh;color:#fff}.login-form{width:320px;display:flex;flex-direction:column;gap:14px;padding:28px;background:#151515;border-radius:12px;border:1px solid #2a2a2a;box-shadow:0 10px 25px #0009}.login-form h2{text-align:center;margin-bottom:10px}.login-form label{display:flex;flex-direction:column;font-size:14px;gap:6px}.login-form input{padding:10px;border-radius:6px;border:1px solid #333;background:#0f0f0f;color:#fff;font-size:14px;transition:.2s}.login-form input:focus{outline:none;border-color:#e50914}.login-form button{margin-top:10px;padding:10px;border:none;border-radius:6px;background:#e50914;color:#fff;font-weight:600;cursor:pointer;transition:.2s}.login-form button:hover{background:#ff1f2b}.login-form button:active{transform:scale(.97)}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;background:#0b0b0b}#root{min-height:100vh}