@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:#fafafa;min-height:100vh}#root{width:100%}.container{max-width:1400px;margin:0 auto;padding:60px 40px}h1{text-align:center;color:#1a1a1a;font-size:2rem;margin-bottom:30px;font-weight:600;letter-spacing:-.5px}.search-box{max-width:500px;margin:0 auto 40px}.search-box input{width:100%;padding:14px 20px;font-size:1rem;border:2px solid #e0e0e0;border-radius:50px;outline:none;transition:all .2s ease;font-family:inherit}.search-box input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.search-box input::placeholder{color:#999}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.movie-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #eee;transition:all .2s ease}.movie-card:hover{transform:scale(1.02);box-shadow:0 20px 40px #0000001a}.movie-image{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.movie-info{padding:16px;background:#fff}.movie-title{color:#333;font-size:.95rem;font-weight:500;cursor:pointer;margin:0;line-height:1.4;transition:color .2s ease}.movie-title:hover{color:#6366f1}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(80px);background:#1a1a1a;color:#fff;padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:500;opacity:0;transition:all .25s ease;z-index:1000}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@media (max-width: 768px){.container{padding:30px 16px}h1{font-size:1.5rem;margin-bottom:30px}.movie-grid{grid-template-columns:repeat(2,1fr);gap:12px}.movie-info{padding:12px}.movie-title{font-size:.85rem}}