:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#f4f6fb;background-color:#090b12;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;width:100%;min-height:100vh;position:relative;color:#f4f6fb;background:radial-gradient(1200px circle at 10% 0%,rgba(137,87,255,.24),transparent 46%),radial-gradient(900px circle at 100% 20%,rgba(0,207,255,.2),transparent 44%),linear-gradient(140deg,#080a11,#0c1220 45%,#111a2f)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:inherit}button{border-radius:.8rem;border:1px solid transparent;padding:.6em 1.1em;font-size:1em;font-weight:600;font-family:inherit;color:inherit;background-color:#1e2435;cursor:pointer;transition:all .2s ease}button:hover{transform:translateY(-1px)}button:focus,button:focus-visible{outline:2px solid #7a8dff;outline-offset:2px}.main-content{flex:1;width:100%;margin:0;padding:1.4rem .85rem 2rem;box-sizing:border-box;display:flex;flex-direction:column}@media(max-width:768px){.main-content{padding:1rem .55rem 1.6rem}}.navbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090b12b8;border-bottom:1px solid rgba(255,255,255,.08);padding:.95rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #01040c59}.navbar-brand{font-size:1.35rem;font-weight:700;letter-spacing:.4px}.navbar-brand a{color:#f4f7ff}.navbar-brand a:hover{color:#9ec2ff}.navbar-links{display:flex;gap:.65rem}.nav-link{font-size:.95rem;color:#d6def8;padding:.5rem .95rem;border-radius:999px;border:1px solid transparent;transition:all .22s ease}.nav-link:hover{color:#fff;border-color:#a5b2ff59;background:#ffffff14}@media(max-width:768px){.navbar{padding:.85rem .95rem}.navbar-brand{font-size:1.2rem}.navbar-links{gap:.35rem}.nav-link{padding:.45rem .7rem;font-size:.88rem}}.movie-card{position:relative;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#111726e6;box-shadow:0 14px 34px #0206125c;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;height:100%;display:flex;flex-direction:column}.movie-card:hover{transform:translateY(-5px);border-color:#a1b5ff6b;box-shadow:0 18px 38px #0d172f8a}.movie-poster{position:relative;aspect-ratio:2/3;width:100%}.movie-poster img{width:100%;height:100%;object-fit:cover}.movie-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#000c);opacity:0;transition:opacity .2s;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem}.movie-card:hover .movie-overlay{opacity:1}.favorite-btn{position:absolute;top:.75rem;right:.75rem;color:#fff;font-size:1.25rem;padding:.35rem;background-color:#090d18ad;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.favorite-btn:hover{transform:scale(1.06);background-color:#171f39ed;box-shadow:0 8px 20px #080e1e66}.favorite-btn.active{color:#ff6277}.movie-info{padding:.9rem .95rem 1rem;flex:1;display:flex;flex-direction:column;gap:.35rem}.movie-info h3{font-size:.98rem;color:#f5f7ff;line-height:1.35;margin:0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.movie-info p{margin:0;color:#adb9db;font-size:.84rem}@media(max-width:768px){.movie-info{padding:.75rem}.favorite-btn{width:32px;height:32px;font-size:1rem}}.home{width:100%;padding:1rem 0 .5rem}.search-form{max-width:760px;margin:0 auto 1.8rem;display:flex;gap:.8rem;padding:.45rem;border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:#101523c7;box-shadow:0 18px 40px #04081461}.search-input{flex:1;min-width:0;padding:.82rem .92rem;border:1px solid transparent;border-radius:.8rem;background:#ffffff0f;color:#f6f8ff;font-size:.98rem}.search-input::placeholder{color:#e1e8ff94}.search-input:focus{outline:none;border-color:#7495ffbf;box-shadow:0 0 0 3px #6d81e033}.search-button{padding:.82rem 1.25rem;border:1px solid transparent;border-radius:.8rem;font-weight:700;color:#fff;background:linear-gradient(120deg,#6d68ff,#4b8cff);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;white-space:nowrap}.search-button:hover{filter:brightness(1.07);box-shadow:0 10px 22px #4f7aff73}.error-message{max-width:760px;margin:0 auto 1.2rem;padding:.7rem .95rem;border-radius:.8rem;color:#ffd5d9;border:1px solid rgba(255,117,129,.5);background:#6b101c73}.loading{max-width:760px;margin:1.4rem auto;text-align:center;color:#c9d8ff;font-weight:600}.movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.15rem;width:100%}@media(max-width:768px){.home{padding-top:.5rem}.search-form{margin-bottom:1.2rem;padding:.4rem;gap:.5rem}.search-button{padding:.8rem .95rem}}@media(max-width:520px){.search-form{flex-direction:column}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.85rem}}.favorites-container{width:100%}.favorites-container h2{margin-bottom:1rem;text-align:center;font-size:clamp(1.4rem,3.6vw,2rem);color:#f5f7ff;letter-spacing:.25px}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.15rem;width:100%}.favorites-empty{text-align:center;padding:3rem 1.2rem;background:#101523b8;border:1px solid rgba(255,255,255,.1);border-radius:1rem;margin:2rem auto;max-width:600px;box-shadow:0 18px 40px #03081457}.favorites-empty h2{margin-bottom:.45rem;font-size:1.5rem;color:#edf2ff}.favorites-empty p{color:#aab9df;font-size:1rem;line-height:1.55}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.favorites-grid>*{animation:fadeIn .3s ease-out forwards}@media(max-width:520px){.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.85rem}}