@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html,body{width:100%;height:100%;background-color:#0a0e12}#root{width:100%;height:100vh;color:#f0f6fc;padding:15px}.container{width:100%;height:100%;display:flex;flex-direction:column}.navbar{width:100%;margin:0 auto 10px;display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,2vw,20px);background-color:#010307;border:1px solid #3d444d;border-radius:10px;position:sticky;top:0;gap:1rem}.heading-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.logo{color:#f0f6fc;font-size:clamp(1.2rem,2vw,1.6rem);margin:0;font-weight:600;cursor:pointer}.logo:hover{text-decoration:underline}.tagline{color:#8b949e;font-size:clamp(.75rem,1.2vw,.95rem);margin:0}.search-user-section{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.5rem)}.search-bar{position:relative;display:flex;align-items:center;background-color:#161b22;border:1px solid #30363d;border-radius:6px;padding:.4rem .6rem;transition:border .2s;width:min(100%,260px)}.search-bar:focus-within{border-color:#58a6ff}.search-input{background-color:transparent;border:none;outline:none;color:#c9d1d9;font-size:clamp(.85rem,1vw,1rem);width:100%;margin-left:.4rem}.search-input::placeholder{color:#8b949e}.search-icon,.user-icon{color:#8b949e;cursor:pointer;transition:color .2s}.search-icon:hover,.user-icon:hover{color:#58a6ff}.user-icon{font-size:clamp(1rem,1.5vw,1.3rem)}@media (max-width: 1440px){.search-input{width:160px}.tagline{font-size:.9rem}}@media (max-width: 1024px){.search-input{width:140px}.search-user-section{gap:1rem}.logo{font-size:1.4rem}.tagline{font-size:.8rem}}@media (max-width: 680px){.navbar{flex-direction:row;align-items:center;justify-content:space-between;padding:15px;gap:1rem}.heading-container{flex-direction:column;align-items:flex-start;gap:.2rem}.search-user-section{width:100%;align-items:stretch;gap:.8rem}.search-bar{width:100%}.search-input{width:100%;font-size:.9rem}.logo{font-size:1.3rem}.tagline{display:none}.user-icon{align-self:flex-end;font-size:1.1rem}}@media (max-width: 600px){.navbar{flex-direction:row;align-items:center;justify-content:space-between}.heading-container{align-items:flex-start}.search-user-section{width:100%;justify-content:space-between}.tagline{display:none}}@media (max-width: 400px){.search-user-section{flex-direction:column;align-items:stretch;gap:.6rem}.user-icon{align-self:flex-end}}.homepage{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;background-color:#010307;border:1px solid #3d444d;border-radius:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d444d #010307}body{background-color:#0d1117;color:#f0f6fc;margin:0;padding:0}.movies-list{width:90%;max-width:1800px;margin:30px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.movie-card{background-color:#161b22;border:1px solid #30363d;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:background-color .2s ease;cursor:pointer}.movie-card:hover{background-color:#0d1117}.movie-poster{width:100%;height:300px;object-fit:cover;display:block}.movie-info{width:100%;padding:15px;display:flex;flex-direction:column;gap:10px}.movie-title{font-size:1.1rem;font-weight:600;color:#f0f6fc;margin:0;display:flex;justify-content:space-between;align-items:center}.movie-title:hover{color:#58a6ff}.movie-year{font-size:.9rem;font-weight:400;color:#8b949e}.movie-meta{display:flex;justify-content:space-between;font-size:.9rem;color:#8b949e;flex-wrap:wrap}.movie-rating i{color:#fdd709;margin-right:2px}.details-button{width:100%;background:#21262d;color:#58a6ff;border:1px solid transparent;padding:6px 12px;font-size:.85rem;font-weight:600;border-radius:4px;cursor:pointer;align-self:flex-start;transition:background-color .2s ease}.details-button:hover{background:#30363d;border-color:#58a6ff}.no-movies{text-align:center;color:#8b949e;margin-top:40px;font-size:2em}@media (max-width: 1440px){.movies-list{max-width:1200px;grid-template-columns:repeat(3,1fr);gap:16px}.details-button{align-self:stretch;text-align:center}}@media (max-width: 1024px){.movies-list{max-width:800px;grid-template-columns:repeat(2,1fr);gap:16px}.movie-title{font-size:1rem}.details-button{align-self:stretch;text-align:center}}@media (max-width: 600px){.movies-list{width:100%;max-width:500px;grid-template-columns:repeat(1,1fr);gap:16px}.details-button{align-self:stretch;text-align:center}}.movie-page{width:100%;height:100%;padding:20px;background-color:#010307;color:#f0f6fc;border:1px solid #3d444d;border-radius:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d444d #010307}.status-message{display:flex;justify-content:center;align-items:center;height:100%;min-height:400px;font-size:1.5rem;text-align:center}.hero-section{display:flex;gap:2rem;margin-bottom:2rem;align-items:flex-start;flex-wrap:wrap}.left-hero img{width:280px;border-radius:8px;box-shadow:0 4px 16px #0009}.right-hero{flex:1}.title-container h1{font-size:2.5rem;margin:0;color:#f0f6fc}.title-container .type{display:inline-block;background:#21262d;color:#8b949e;font-size:.9rem;padding:.25rem .5rem;margin-top:.5rem;border-radius:6px}.movie-release-and-genres{margin-top:1rem;font-size:1rem;color:#8b949e}.movie-release-and-genres p{margin:.5rem 0 0}.movie-data{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;padding:1.5rem;background:#161b22;border:1px solid #30363d;border-radius:8px;color:#c9d1d9;font-size:.95rem;line-height:1.6}.movie-meta-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 2rem}.movie-meta-block span{color:#c9d1d9}.movie-meta-block strong{color:#f0f6fc;font-weight:600}.movie-data span{color:#c9d1d9}.movie-data strong{color:#f0f6fc;font-weight:600}.actors-block{margin-top:1rem;display:flex;justify-content:start;align-items:center}.actors-block strong{font-size:1rem;display:block;margin-right:.5rem;color:#f0f6fc}.actors-list{display:flex;flex-wrap:wrap;gap:.5rem}.actors-list a{display:inline-block;background:#21262d;color:#58a6ff;text-decoration:none;padding:.25rem .5rem;border-radius:4px;font-size:.9rem;border:1px solid transparent;transition:background .2s,border-color .2s}.actors-list a:hover{background:#30363d;border-color:#58a6ff}.movie-rating-container{display:flex;align-items:center;justify-content:center;gap:2rem;margin:2rem 0}.rating{width:100%;background:#161b22;border:1px solid #30363d;border-radius:6px;padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #01010133}.rating-source{display:flex;align-items:center;font-size:1rem;gap:.5rem}.rating-source img{width:24px;height:auto}.rating span{font-size:1.25rem;font-weight:700;color:#58a6ff}.links-container{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.links-container a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:#58a6ff;font-weight:500;background:#161b22;padding:.75rem 1rem;border-radius:6px;border:1px solid #30363d;transition:background .2s ease}.links-container a:hover{background:#21262d;text-decoration:underline}.links-container img{width:20px;height:auto}@media (max-width: 1440px){.title-container h1{font-size:2.2rem}.left-hero img{width:260px}.rating span{font-size:1.15rem}}@media (max-width: 1024px){.hero-section{gap:1.5rem}.left-hero img{width:220px}.title-container h1{font-size:2rem}.movie-data{padding:1rem}.rating{flex-direction:column;gap:1rem;align-items:flex-start}.movie-rating-container{flex-direction:column;gap:1.5rem}}@media (max-width: 600px){.movie-page{padding:15px}.hero-section{flex-direction:column;align-items:center}.left-hero img{width:100%;max-width:100%;height:auto}.right-hero{width:100%}.title-container h1{font-size:1.6rem;text-align:center}.title-container .type{width:100px;font-size:.8rem;text-align:center;display:block;margin:.5rem auto 0}.movie-release-and-genres{font-size:.9rem;text-align:center}.movie-data{padding:1rem;font-size:.9rem}.movie-meta-block{grid-template-columns:1fr;gap:1rem}.actors-block{flex-direction:column;align-items:flex-start}.actors-block strong{margin-bottom:.5rem}.actors-list{justify-content:flex-start}.movie-rating-container{flex-direction:column;gap:1rem}.rating{flex-direction:column;align-items:flex-start;gap:.75rem}.rating-source{font-size:.95rem}.rating span{font-size:1rem}.links-container a{font-size:.9rem;padding:.6rem .9rem}.links-container{gap:.75rem}}.search-results{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;background-color:#010307;border:1px solid #3d444d;border-radius:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d444d #010307}