:root{--bg-light: #ffffff;--bg-dark: #0d1117;--text-light: #1f2328;--text-dark: #c9d1d9;--accent: #58a6ff;--nav-bg-light: #f6f8fa;--nav-bg-dark: #161b22;--footer-bg-light: #f0f0f0;--footer-bg-dark: #161b22}body.dark-mode{background-color:var(--bg-dark);color:var(--text-dark)}body.dark-mode .navbar{background-color:var(--nav-bg-dark);color:var(--text-dark)}body.dark-mode .footer{background-color:var(--footer-bg-dark);color:var(--text-dark)}body.dark-mode .theme-toggle{background-color:#21262d;color:var(--text-dark);border-color:#30363d}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--nav-bg-light);color:var(--text-light);box-shadow:0 2px 4px #00000014;position:sticky;top:0;z-index:100;transition:background-color .3s ease,color .3s ease}.navbar h1{font-size:1.8rem;font-weight:600;letter-spacing:1px}.theme-toggle{background-color:#e6e6e6;border:1px solid #ccc;padding:.5rem 1rem;border-radius:12px;cursor:pointer;font-size:1.1rem;transition:all .3s ease}.theme-toggle:hover{background-color:var(--accent);color:#fff;border-color:transparent}.footer{padding:1rem 2rem;background-color:var(--footer-bg-light);text-align:center;font-size:.9rem;color:var(--text-light);transition:background-color .3s ease,color .3s ease;border-top:1px solid #ddd}.footer span{color:var(--accent);font-weight:700}body.light-mode{background-color:#f2f2f2;color:#1f2328}body.light-mode .home,body.light-mode .search-box,body.light-mode .movie-card,body.light-mode .pagination button,body.light-mode .pagination button:disabled{background-color:#fff;color:#1f2328}body.light-mode .search-box{box-shadow:0 0 10px #00000014}body.light-mode .search-box:focus{background-color:#f9f9f9;box-shadow:0 0 12px #5865f280}body.light-mode .movie-card{box-shadow:0 4px 10px #0000001a}body.light-mode .movie-card:hover{box-shadow:0 6px 20px #5865f240}body.light-mode .movie-card .details h3{color:#005cc5}body.light-mode .movie-card .details p{color:#586069}body.light-mode .pagination button{background-color:#2c974b;color:#fff}body.light-mode .pagination button:hover:not(:disabled){background-color:#3cb95e}body.light-mode .pagination button:disabled{background-color:#d0d7de;color:#6e7781}body.light-mode .pagination span{color:#24292f}body.light-mode .error{color:#d73a49}.movie-link{text-decoration:none;color:inherit;display:block}.movie-poster{width:100%;height:270px;object-fit:cover;border-bottom:1px solid #30363d;transition:transform .3s ease}.movie-card:hover .movie-poster{transform:scale(1.03)}.movie-title{padding:1rem;font-size:1rem;text-align:center;font-weight:500;color:#e6edf3;transition:color .3s ease}.movie-card:hover .movie-title{color:#58a6ff}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0d1117;color:#e6edf3;overflow-x:hidden}#root{height:100%;width:100%}.home{min-height:100vh;display:flex;flex-direction:column;padding:2rem;align-items:center;justify-content:flex-start;animation:fadeIn .6s ease-in-out}.search-box{width:100%;max-width:500px;padding:.75rem 1rem;font-size:1rem;border:none;border-radius:10px;margin-bottom:2rem;background-color:#161b22;color:#e6edf3;box-shadow:0 0 10px #f0f6fc1a;transition:all .3s ease}.search-box:focus{outline:none;box-shadow:0 0 12px #388bfd99;background-color:#1f2937}.movie-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;width:100%;flex:1;padding-bottom:2rem}.movie-card{background-color:#161b22;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0006;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;animation:fadeUp .4s ease}.movie-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 6px 20px #388bfd4d}.movie-card img{width:100%;height:270px;object-fit:cover;border-bottom:1px solid #30363d}.movie-card .details{padding:1rem}.movie-card .details h3{font-size:1rem;margin:0 0 .5rem;color:#58a6ff}.movie-card .details p{font-size:.9rem;color:#8b949e}.pagination{display:flex;align-items:center;justify-content:center;margin-top:auto;gap:1rem}.pagination button{padding:.5rem 1.2rem;font-size:1rem;border:none;border-radius:8px;background-color:#238636;color:#fff;cursor:pointer;transition:background-color .3s ease,transform .2s}.pagination button:disabled{background-color:#30363d;cursor:not-allowed}.pagination button:hover:not(:disabled){background-color:#2ea043;transform:scale(1.05)}.pagination span{font-size:1rem;color:#c9d1d9}.error{color:#ff6b6b;margin-top:1rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.movie-details{display:flex;flex-wrap:wrap;gap:2rem;padding:2rem;max-width:1200px;margin:0 auto;background-color:#0d1117;color:#e6edf3;animation:fadeIn .5s ease-in-out}.movie-details-left{flex:1 1 350px;display:flex;flex-direction:column;gap:1.5rem}.movie-details-poster{position:relative;width:100%;height:500px;overflow:hidden;border-radius:12px;box-shadow:0 4px 15px #0006;background-color:#161b22;transition:box-shadow .3s ease}.movie-details-poster img,.movie-details-poster iframe{width:100%;height:100%;object-fit:cover;border:none;border-radius:12px}.movie-details-content h2{font-size:2rem;margin-bottom:1rem;color:#58a6ff}.movie-details-content p{font-size:1rem;line-height:1.6;color:#c9d1d9}.movie-details-right{flex:1 1 400px;display:flex;flex-direction:column}.movie-details-right h3{font-size:1.5rem;margin-bottom:1rem;color:#58a6ff}.cast-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.cast-card{background-color:#161b22;padding:.75rem;border-radius:10px;text-align:center;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 10px #0000004d}.cast-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 6px 15px #388bfd4d}.cast-card img{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:.5rem}.cast-name{font-size:.95rem;font-weight:500;color:#e6edf3}.cast-character{font-size:.85rem;color:#8b949e}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.movie-details{flex-direction:column;padding:1rem}.movie-details-poster{height:400px}.cast-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.trailer-page{height:100vh;width:100vw;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.trailer-video{width:100%;height:100%;border:none;object-fit:cover}.cast-details{min-height:100vh;padding:2rem;background-color:#0d1117;color:#e6edf3;display:flex;flex-direction:column;align-items:center;animation:fadeIn .4s ease-in-out;gap:1rem}.cast-details h1{font-size:2.5rem;color:#58a6ff;margin-bottom:1rem}.cast-details img{width:200px;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 8px 20px #0006}.cast-details p{max-width:800px;text-align:center;line-height:1.6;margin-top:1rem;font-size:1rem;color:#c9d1d9}.related-movies{width:100%;margin-top:3rem}.related-movies h2{font-size:1.8rem;margin-bottom:1rem;color:#58a6ff;text-align:center}.related-movies-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;justify-items:center;padding:0 1rem}.related-movie-card{background-color:#161b22;border-radius:10px;padding:.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #0000004d;width:140px}.related-movie-card img{width:100%;height:210px;object-fit:cover;border-radius:8px;margin-bottom:.5rem}.related-movie-card p{font-size:.9rem;color:#e6edf3}.related-movie-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 6px 15px #388bfd66}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.cast-details{padding:1rem}.related-movie-card{width:120px}.cast-details img{width:160px;height:240px}}