body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#0f172a;color:#cbd5e1;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app-container{margin:0 auto;max-width:1280px;padding:40px 20px}h1{color:#e2e8f0;font-size:2.8rem;font-weight:700;margin-bottom:30px;text-align:center}h2{color:#cbd5e1;font-size:1.6rem;font-weight:600;margin:40px 0 20px}.nav-bar{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.nav-bar button{background:#0000;border:2px solid #475569;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:1rem;padding:10px 24px;transition:all .3s ease}.nav-bar .active-tab,.nav-bar button:hover{border-color:#3b82f6;color:#3b82f6}.nav-bar .active-tab{font-weight:700}input[type=text]{background-color:#1e293b;border:2px solid #475569;border-radius:10px;box-shadow:none;color:#e2e8f0;display:block;font-size:1rem;margin:0 auto 40px;max-width:500px;padding:14px 18px;transition:all .3s ease;width:100%}input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.movie-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.movie-card{background-color:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 6px 20px #00000026;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .3s ease}.movie-card:hover{box-shadow:0 10px 24px #00000040;transform:translateY(-6px)}.favorite-star{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:1.8rem;line-height:1;padding:0;position:absolute;right:12px;top:12px;transition:color .3s ease;-webkit-user-select:none;user-select:none;z-index:10}.favorite-star:hover{color:#3b82f6}.favorite-star.favorited{color:#fbbf24}.movie-card img{height:300px;object-fit:cover;width:100%}.movie-card h3{color:#f1f5f9;flex-grow:1;font-size:1.05rem;font-weight:600;padding:14px}.movie-card h3,p{text-align:center}p{color:#94a3b8;font-size:1rem;margin-top:20px}@media (max-width:640px){h1{font-size:2rem}.movie-card h3,input{font-size:.95rem}.favorite-star{font-size:1.5rem}}
/*# sourceMappingURL=main.69bb1baf.css.map*/