body{height:100vh;margin:0;padding:0}header{background-color:#1f2937;width:100%;padding:1rem 1.5rem;position:relative}header nav{justify-content:center;align-items:center;gap:3rem;display:flex}header a{color:#fff;cursor:pointer;background-color:#f59e0b;border:2px solid #f59e0b;border-radius:12px;padding:6px 12px;text-decoration:none}header a.active,header a:hover:not(.active){background-color:#ef4444}header .nav-logo{background:0 0;border:none;width:2rem;height:2rem;padding:0;position:absolute;top:50%;left:2rem;transform:translateY(-50%)}header nav a:has(.nav-logo){background:0 0;border:none;padding:0}@media (width<=600px){header nav{flex-direction:column;gap:.5rem}}footer{color:#fff;text-align:center;background-color:#1f2937;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}footer p{opacity:.7;margin:0;font-size:1rem}footer nav{gap:16px;display:flex}footer nav a{color:#f59e0b;font-size:1rem;text-decoration:none}footer nav a:hover{color:#ef4444}.hero-container{color:#fff;background-color:#1a0a2e;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:calc(100vh - 120px);padding:32px;display:flex}.hero-container .hero-text h1{text-align:center;color:#f59e0b;font-size:2.5rem}.hero-container .hero-text ul li{color:#fff}.hero-container .hero-img img{border:2px solid #f59e0b;border-radius:12px;width:100%;max-width:20rem;height:auto}.hero-container .hero-btn{color:#1a1a1a;cursor:pointer;background-color:#f59e0b;border:2px solid #f59e0b;border-radius:12px;padding:10px 24px;font-weight:700;text-decoration:none}.hero-container .hero-btn:hover{color:#fff;background-color:#ef4444;border-color:#ef4444}.hero-container li{text-align:center;margin:1rem auto 0;font-size:1.5rem;animation:10s infinite li;display:block}.hero-container li:first-child{animation-delay:0s}.hero-container li:nth-child(2){animation-delay:3s}.hero-container li:nth-child(3){animation-delay:6s}@keyframes li{0%{letter-spacing:0;color:#fff;opacity:.7}30%{letter-spacing:10px;color:#f59e0b;opacity:1}60%{letter-spacing:0;color:#fff;opacity:.7}to{letter-spacing:0;color:#fff;opacity:1}}.hero-img img{border:2px solid #f59e0b;border-radius:12px;width:100%;max-width:20rem;height:auto;animation:4s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0);box-shadow:0 5px 15px #f59e0b33}50%{transform:translateY(-15px);box-shadow:0 20px 30px #f59e0b66}to{transform:translateY(0);box-shadow:0 5px 15px #f59e0b33}}.hero-btn{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.toast{color:#1a1a1a;z-index:9999;background:#f59e0b;border-radius:12px;padding:10px 24px;font-weight:700;animation:2.5s forwards fadeInOut;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%)translateY(10px)}15%{opacity:1;transform:translate(-50%)translateY(0)}75%{opacity:1}to{opacity:0}}.search{justify-content:center;align-items:center;gap:1rem;margin:1rem;display:flex}.search label{font-weight:700}.search #search-input{border:1px solid #1a1a1a;border-radius:8px;padding:4px 16px}.search .btn{color:#1a1a1a;cursor:pointer;background-color:#f59e0b;border:2px solid #f59e0b;border-radius:12px;padding:10px 24px;font-weight:700;text-decoration:none}.search .btn:hover{color:#fff;background-color:#ef4444;border-color:#ef4444}.container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px;display:grid}.movie-card{text-align:center;color:#fff;background:#1e1e1e;border-radius:10px;transition:transform .2s;overflow:hidden}.movie-card:hover{transform:scale(1.03)}.movie-card img{object-fit:cover;cursor:pointer;width:100%;height:300px}.movie-card h3{margin:10px 0 5px;padding:0 10px;font-size:1rem}.movie-card p{color:#bbb;margin-bottom:10px;font-size:.9rem}.popup{z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.popup-inner{color:#fff;text-align:center;background:#1f2937;border-radius:10px;width:90%;max-width:500px;max-height:85vh;padding:1.5rem;position:relative;overflow-y:auto}.popup-inner .popup-close{cursor:pointer;color:#fff;background:0 0;border:none;font-size:1.5rem;position:absolute;top:.5rem;right:.5rem}.popup-inner .popup-title{margin-bottom:1rem;font-size:1.5rem}.popup-inner .popup-poster{border-radius:5px;max-width:100%;margin-bottom:1rem}.popup-inner .popup-overview{color:#ccc;font-size:1rem;line-height:1.4}@media (width<=600px){.search{flex-direction:column;align-items:stretch}}body{color:#fff;background-color:#1a0a2e;flex-direction:column;min-height:100vh;display:flex}body main{flex:1}.favorites .movie-card{max-width:150px}.favorites img{width:100%;height:200px}.fav-btn{cursor:pointer;color:gold;background:0 0;border:none;padding:5px;font-size:1.5rem}.fav-btn:hover{transition:transform .2s;transform:scale(1.2)}.favorites-title{text-align:center;margin:2rem 0;font-size:2rem}.container p{color:#fff;text-align:center;grid-column:1/-1;margin-top:2rem;font-size:1.2rem}.om-oss{max-width:800px;margin:0 auto;padding:2rem}.om-oss h1{color:#f59e0b;text-align:center;margin-bottom:1rem;font-size:2.5rem}.om-oss h2{color:#f59e0b;margin-bottom:.5rem;font-size:1.5rem}.om-oss section{background:#1f2937;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.om-oss p,.om-oss li{color:#fff;max-width:60ch;margin:0 auto;font-size:1rem;line-height:1.8}.om-oss ul{padding:0;list-style:none}.om-oss a{color:#f59e0b}.om-oss a:hover{color:#ef4444}