body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#fff}.navbar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#020617;gap:15px}.logo{font-size:20px;white-space:nowrap}.search-input{flex:1;max-width:420px;padding:10px 15px;border-radius:25px;border:none;outline:none;font-size:16px}.fav-link{text-decoration:none;color:#facc15;font-weight:700;white-space:nowrap}@media(max-width:768px){.logo{display:none}.search-input{max-width:none}}.genre-filter{display:flex;gap:10px;padding:10px 20px;overflow-x:auto}.genre-filter button{padding:8px 14px;border-radius:20px;border:none;cursor:pointer;background:#1e293b;color:#fff}.genre-filter .active{background:#38bdf8;color:#020617}.movie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;padding:20px}.movie-card-wrapper{position:relative}.movie-card-wrapper{max-width:200px;margin:0 auto}.movie-card{display:block;text-decoration:none;color:#fff}.movie-card img{width:100%;border-radius:10px;display:block}.movie-card h3{margin-top:8px;font-size:14px;text-align:center}.star-btn{position:absolute;top:8px;right:8px;background:#0009;border:none;border-radius:50%;width:34px;height:34px;font-size:18px;color:#94a3b8;cursor:pointer;z-index:3}.star-btn.active{color:gold}.star-btn:focus{outline:none}.movie-details{display:flex;flex-wrap:wrap;gap:20px;padding:20px}.movie-details img{max-width:300px;border-radius:10px}.status-text{text-align:center;margin-top:30px;color:#cbd5f5}.favorites-page{padding:20px}.favorites-title{margin-bottom:15px;text-align:center;font-size:24px;color:#facc15}.favorites-page .movie-card-wrapper{box-shadow:0 0 10px #facc1540;border-radius:12px}.favorites-empty{text-align:center;margin-top:80px;color:#cbd5f5}.favorites-empty h2{color:#facc15;margin-bottom:10px}.favorites-page .movie-card-wrapper:hover{transform:scale(1.03);transition:transform .2s ease}