@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght_1_-_4qA5HcX.woff) format("woff")}html,body{height:100%;margin:0}#root{min-height:100vh;display:flex;flex-direction:column}body{font-family:Montserrat,sans-serif;margin:0%;background-color:#7c8880;color:#000}.navbar{align-items:center;justify-content:space-between;padding:1rem 2rem;display:flex;background:linear-gradient(to right,#1a1a1a,#2c2c2c);box-shadow:0 2px 4px #0000001a;padding:2rem}.navbar>h1{font-size:3rem;color:#fff;margin:0;font-weight:700;background:linear-gradient(45deg,#ff4b2b,#ff416c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar_links{display:flex;align-items:center;gap:2rem}.navbar_links a{color:#fff;text-decoration:none;font-weight:500;font-size:1.2rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:4px}.navbar_links a:hover{background:#ffffff1a;transform:translateY(-2px)}@media (max-width: 768px){.navbar{flex-direction:column;padding:1rem}.navbar_links{margin-top:1rem;flex-wrap:wrap;justify-content:center;gap:1rem}}.navbar_links a.active{font-weight:700;color:#f39c12;border-bottom:2px solid #f39c12}.footer{background:linear-gradient(to right,#1a1a1a,#2c2c2c);font-size:1.2rem;font-weight:500;color:#fff;padding:1rem}.footer-container{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto}.footer-logo{font-size:1.5rem;font-weight:700}.footer-description{color:#fff;margin-top:.5rem}.footer-heading{font-size:1.25rem;font-weight:700}.footer-copyright{border-top:1px solid #ffffff;margin-top:1rem;padding-top:1rem;text-align:center;color:#fff}.movie_list{padding:2rem;background:#121212}.movieheader{padding:1rem 2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.movieh2head{color:#fff;font-size:2rem;margin:0;position:relative}.movieh2head:after{content:"";position:absolute;bottom:-5px;left:0;width:70%;height:3px;background:linear-gradient(45deg,#ff4b2b,#ff416c)}.movieh2head:hover:after{width:105%;transition:width .3s ease}.movie_filter{display:flex;gap:1rem;padding:0;margin:0 10px}.movie_filter_item{padding:.5rem 1rem;background:#ffffff1a;border-radius:20px;cursor:pointer;transition:background .3s ease,transform .3s ease;color:#fff;list-style:none;margin-bottom:10px}.movie_filter_item:hover{transform:scale(1.1)}.movie_filter_item.active{background:linear-gradient(45deg,#ff4b2b,#ff416c);transform:scale(1.2)}.movie_filter_item.active:hover{transform:scale(1.2)}.movie_sorting{background:#ffffff1a;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;margin:0 .5rem;cursor:pointer}.movie_sorting:focus{outline:none;box-shadow:0 0 0 2px #fff3}.movie_shows{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem;place-items:center}.noMovies{margin:60px 0;text-align:center;font-size:3rem;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.skeleton-card{width:200px;background-color:#fff;padding:10px;border-radius:10px;box-shadow:0 2px 5px #0000001a}.skeleton.thumbnail{width:100%;height:300px;border-radius:10px}.skeleton.title{width:80%;height:20px}.skeleton.subtitle{width:60%;height:16px}.movie{overflow:hidden}.movie_show{width:300px;height:450px;position:relative;border-radius:12px;overflow:hidden;transition:transform .3s ease;box-shadow:0 4px 8px #0003}.movie_show:hover{transform:translateY(-10px)}.movie_img{width:100%;height:100%;object-fit:cover}.movie_details{position:absolute;bottom:0;width:100%;padding:2rem 1rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}.movie_details_h3{font-size:1.25rem;color:#fff;margin-bottom:.5rem}.moviedesc{display:flex;align-items:center;font-size:.875rem;color:#fffc}.moviedate{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;font-weight:500;background:linear-gradient(45deg,#ff4b2b2c,#ff416d38);color:#fffc}.emoji_class{width:20px;height:20px;vertical-align:middle}.movierating{position:absolute;left:15px;top:-10px;color:#fff;font-size:1.7rem;font-weight:600}.skeleton-card{width:300px;height:450px;position:relative;border-radius:12px;overflow:hidden;margin:1rem;background:#1c1c1c;box-shadow:0 4px 8px #0003}.skeleton{background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5 37%,#e0e0e0 63%);animation:shimmer 1.2s infinite;background-size:1000px 100%;border-radius:5px;margin-bottom:10px}.skeleton.thumbnail{width:100%;height:100%;object-fit:cover;border-radius:0;background:linear-gradient(90deg,#333 25%,#444,#333 75%)}.skeleton.title{position:absolute;bottom:70px;left:15px;width:70%;height:20px;background:#555}.skeleton.subtitle{position:absolute;bottom:40px;left:15px;width:50%;height:16px;background:#444}.skeleton.rating{position:absolute;left:15px;top:10px;width:40px;height:20px;background:#666}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}#root{max-width:100%;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{background:#121212}.app-container{display:flex;flex-direction:column;min-height:100vh}main{background:#121212;flex:1}