#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.khatra-header{background-color:red;border-radius:8px;padding:.3rem 1rem;color:#fff}.filter-container{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:2rem}.filter-pill{position:relative;text-align:center;border-radius:8px;padding:.4rem 1.2rem;font-size:1em;font-weight:500;background-color:#1a1a1a;color:#fff;cursor:pointer;z-index:2;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.filter-pill>.active-bar{position:absolute;top:0;left:0;background:red;width:100%;height:100%;border-radius:8px;z-index:-1;scale:1.02}.filter-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin:2rem 0;width:100%;height:100%;min-height:300px}.filter-card{max-width:500px;position:relative;text-align:left}.filter-card>img{max-width:100%;border-radius:12px;object-fit:cover;margin-bottom:.5rem}.filter-card>.description>p{color:gray}.no-movies{width:100%;min-width:fit-content;height:auto;min-height:300px;padding:1rem;text-align:center;display:grid;place-items:center}.pagination-container{display:flex;align-items:center;justify-content:center;gap:.75rem;list-style-type:none;flex-wrap:wrap}.pagination-container::-webkit-scrollbar{display:none}.number-pill{background:#1a1a1a;display:flex;align-items:center;justify-content:center;width:fit-content;min-height:0;padding:.4rem .8rem;height:100%;border-radius:8px;cursor:pointer;white-space:nowrap}.page-link{text-decoration:none;color:#fff;width:100%;height:100%}.page-link:hover:not(.active){color:red}.page-link:disabled:hover{color:gray}.number-pill.active{background:red}.disabled-link,.disabled-prev-next{color:gray;cursor:not-allowed}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html,body{min-height:100%;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}