@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#0d0d1a;color:#e8e8f0;min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:Poppins,sans-serif;cursor:pointer}img{display:block;max-width:100%}.loading{text-align:center;color:#888;padding:40px 0;font-size:1rem}.error-message{background-color:#2a1a1a;color:#ff7070;border:1px solid #ff3333;border-radius:8px;padding:14px 18px;margin:16px 0;font-size:.9rem}.navbar{position:fixed;top:0;left:0;width:100%;z-index:999;background-color:#0a0a15;border-bottom:2px solid #e63946;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.navbar-brand a{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:.5px}.navbar-brand a span{color:#e63946}.navbar-links{display:flex;align-items:center;gap:6px}.nav-link{color:#aaa;font-size:.9rem;font-weight:500;padding:6px 14px;border-radius:6px;transition:background .2s,color .2s}.nav-link:hover{background-color:#1e1e30;color:#fff}.nav-link.active{color:#e63946;background-color:#e639461a}.fav-badge{display:inline-block;background:#e63946;color:#fff;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:20px;margin-left:5px}@media(max-width:500px){.navbar{padding:0 14px}.navbar-brand a{font-size:1rem}.nav-link{padding:5px 9px;font-size:.82rem}}.movie-card{background-color:#13131f;border-radius:10px;overflow:hidden;border:1px solid #222235;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.movie-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.movie-poster{overflow:hidden;aspect-ratio:2 / 3}.movie-poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.movie-card:hover .movie-poster img{transform:scale(1.05)}.movie-info{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column}.movie-info h3{font-size:.95rem;font-weight:600;color:#f0f0f0;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.movie-year{color:#777;font-size:.82rem;margin-bottom:12px}.movie-actions{display:flex;gap:8px;margin-top:auto}.details-btn{flex:1;text-align:center;padding:7px 10px;background-color:#1e1e34;border:1px solid #333355;border-radius:6px;color:#ccc;font-size:.8rem;font-weight:500;transition:background .2s,color .2s}.details-btn:hover{background-color:#28284a;color:#fff}.favorite-btn{flex:1;padding:7px 10px;border-radius:6px;font-size:.8rem;font-weight:600;border:none;transition:background .2s,transform .15s}.favorite-btn.add{background-color:#e63946;color:#fff}.favorite-btn.add:hover{background-color:#c62b37}.favorite-btn.remove{background-color:transparent;border:1px solid #e63946;color:#e63946}.favorite-btn.remove:hover{background-color:#e639461a}.home-page{padding-bottom:40px}.search-section{text-align:center;padding:30px 0 24px}.search-section h1{font-size:2.2rem;font-weight:700;margin-bottom:6px;color:#f0f0f0}.search-section h1 span{color:#e63946}.search-section p{color:#777;font-size:.9rem;margin-bottom:20px}.search-bar{display:flex;gap:8px;max-width:520px;margin:0 auto 16px}.search-bar input{flex:1;padding:11px 16px;background:#13131f;border:1px solid #333350;border-radius:8px;color:#e8e8f0;font-family:Poppins,sans-serif;font-size:.9rem;outline:none;transition:border-color .2s}.search-bar input:focus{border-color:#e63946}.search-bar input::placeholder{color:#555}.search-bar button{padding:11px 22px;background:#e63946;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;transition:background .2s}.search-bar button:hover{background:#c62b37}.filter-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:.85rem;color:#888}.filter-input{padding:7px 12px;background:#13131f;border:1px solid #333350;border-radius:6px;color:#e8e8f0;font-family:Poppins,sans-serif;font-size:.85rem;outline:none;transition:border-color .2s}.filter-input:focus{border-color:#e63946}select.filter-input option{background:#0d0d1a}.year-input{width:100px}.results-info{font-size:.85rem;color:#666;margin-bottom:16px}.results-info strong{color:#aaa}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}@media(max-width:480px){.movie-grid{grid-template-columns:repeat(2,1fr);gap:12px}.search-section h1{font-size:1.6rem}}.movie-details-page{padding-bottom:40px}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#13131f;border:1px solid #333350;border-radius:6px;color:#aaa;font-size:.85rem;font-weight:500;margin-bottom:24px;cursor:pointer;transition:color .2s,border-color .2s}.back-btn:hover{color:#fff;border-color:#555}.movie-details-container{display:flex;gap:36px;align-items:flex-start}.movie-details-poster{flex-shrink:0;width:260px}.movie-details-poster img{width:100%;border-radius:10px;border:1px solid #222235;box-shadow:0 8px 24px #00000080}.movie-details-info h1{font-size:1.8rem;font-weight:700;color:#f0f0f0;line-height:1.2;margin-bottom:12px}.movie-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.meta-pill{padding:4px 12px;background:#1e1e34;border:1px solid #333350;border-radius:20px;color:#aaa;font-size:.8rem}.movie-genres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.genre-tag{padding:4px 12px;background:#e639461f;border:1px solid rgba(230,57,70,.35);border-radius:20px;color:#e63946;font-size:.8rem;font-weight:500}.rating-badge{display:inline-flex;align-items:center;gap:6px;background:#1e1e34;border:1px solid #333350;border-radius:8px;padding:6px 14px;color:#f5c518;font-size:1rem;font-weight:700;margin-bottom:18px}.rating-label{font-size:.75rem;color:#666;font-weight:400}.movie-plot{color:#b0b0c0;font-size:.92rem;line-height:1.75;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #1e1e34}.movie-facts{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.movie-facts p{font-size:.88rem;color:#999}.movie-facts strong{color:#ddd;font-weight:600;margin-right:6px}.add-fav-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:8px;font-size:.9rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:background .2s,transform .15s;border:none}.add-fav-btn.add{background:#e63946;color:#fff}.add-fav-btn.add:hover{background:#c62b37}.add-fav-btn.remove{background:transparent;border:1px solid #e63946;color:#e63946}.add-fav-btn.remove:hover{background:#e639461a}@media(max-width:680px){.movie-details-container{flex-direction:column}.movie-details-poster{width:100%;max-width:260px;margin:0 auto}.movie-details-info h1{font-size:1.4rem}}.favorites-page{padding-bottom:40px}.favorites-page h1{font-size:1.8rem;font-weight:700;color:#f0f0f0;margin-bottom:6px}.favorites-page h1 span{color:#e63946}.favorites-subtitle{color:#666;font-size:.85rem;margin-bottom:24px}.no-favorites{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:12px}.no-favorites .empty-icon{font-size:4rem;opacity:.25}.no-favorites p{color:#666;font-size:1rem}.no-favorites a{margin-top:8px;padding:9px 20px;background:#e63946;color:#fff;border-radius:8px;font-size:.88rem;font-weight:600;transition:background .2s}.no-favorites a:hover{background:#c62b37}.about-page{max-width:680px;padding-bottom:40px}.about-page h1{font-size:1.8rem;font-weight:700;color:#f0f0f0;margin-bottom:6px}.about-tag{display:inline-block;background:#e639461f;border:1px solid rgba(230,57,70,.3);color:#e63946;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:20px;margin-bottom:22px;letter-spacing:.5px;text-transform:uppercase}.about-intro{color:#999;font-size:.93rem;line-height:1.8;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #1e1e34}.about-features h2{font-size:1rem;font-weight:600;color:#ddd;margin-bottom:14px}.feature-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.feature-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#13131f;border:1px solid #222235;border-radius:8px;color:#999;font-size:.88rem;line-height:1.5;transition:border-color .2s}.feature-list li:hover{border-color:#335}.feature-icon{font-size:1.1rem;flex-shrink:0}.about-tech p{color:#777;font-size:.88rem;margin-bottom:12px}.about-tech a{color:#7ca8f7;text-decoration:underline;text-underline-offset:3px}.about-tech a:hover{color:#a8c4fb}.tech-badges{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{padding:5px 12px;background:#13131f;border:1px solid #333350;border-radius:6px;color:#aaa;font-size:.8rem}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:80px 20px 40px}