.skeleton-card{background:#181818;border-radius:12px;padding:.5rem}.skeleton-img{background:#222;border-radius:10px;height:240px}.skeleton-text{background:#222;border-radius:6px;height:14px;margin-top:10px}.shimmer{background:linear-gradient(90deg,#222 25%,#333 37%,#222 63%) 0 0/400% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.preloader{z-index:9999;background:#07070a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader-logo{width:250px;height:auto;animation:1.5s ease-in-out infinite breathe,1.5s ease-in-out infinite glow}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 12px #ef4444)}50%{filter:drop-shadow(0 0 30px #ef4444)}}@media (max-width:1024px){.preloader-logo{width:200px}}@media (max-width:640px){.preloader-logo{width:150px}}html,body{overflow-x:hidden}:root{--bg:#07070a;--glass:#0f0f14a6;--glass-strong:#0f0f14d9;--border:#ffffff14;--text:#fff;--muted:#b3b3b3;--primary:#e50914;--radius:16px;--blur:blur(18px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top,#0f0f16,var(--bg));color:var(--text);min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6}.navbar{z-index:100;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.8rem 1.2rem;display:flex;position:sticky;top:0}.navbar h1{color:var(--primary);font-size:1.3rem;font-weight:800}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;display:none}.nav-links a{color:var(--text);opacity:.85;font-size:.95rem;text-decoration:none}.nav-links a:hover{opacity:1}.container{max-width:1400px;margin:auto;padding:2rem 1.2rem}.hero{background-position:top;background-size:cover;align-items:center;min-height:70vh;padding:2.5rem 1.5rem;display:flex;position:relative}.hero:before{content:"";background:linear-gradient(#00000059,#000000d9);position:absolute;inset:0}.hero-content{max-width:600px;position:relative}.hero h1{margin-bottom:1rem;font-size:clamp(1.8rem,5vw,3rem)}.hero p{color:var(--muted)}.search-box{margin:1.5rem 0}.search-box input{border-radius:var(--radius);border:1px solid var(--border);background:var(--glass);width:100%;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:#fff;outline:none;padding:.9rem 1rem;font-size:.95rem}.genre-bar{gap:.6rem;padding-bottom:.5rem;display:flex;overflow-x:auto}button{font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.genre-btn{color:#efefef;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:500}.genre-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.genre-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 15px #e509144d}.download-btn,.load-more,.movie-actions button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:.8rem 1.8rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #e5091433}.download-btn:hover,.load-more:hover,.movie-actions button:hover{background:#f40b17;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #e5091466}.download-btn:active,.load-more:active,.movie-actions button:active{transform:translateY(0)scale(.98)}.download-btn[disabled]{color:#888;cursor:not-allowed;box-shadow:none;background:#333;transform:none}.fav-action{color:#fff!important;box-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff1a!important}.fav-action:hover{background:#ffffff26!important;border-color:#fff3!important}.fav-action.active{border-color:var(--primary)!important;background:#e509141a!important}.movie-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem;display:grid}@media (min-width:768px){.movie-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.movie-grid{grid-template-columns:repeat(6,1fr)}}.movie-card-wrapper{position:relative}.movie-card{background:var(--glass);height:100%;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius);color:#fff;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.movie-card:hover{box-shadow:0 18px 40px #0009}.movie-card img{aspect-ratio:2/3;object-fit:cover;width:100%}.movie-card h3{padding:.7rem .8rem;font-size:.9rem;line-height:1.3}.genre-badges{flex-wrap:wrap;gap:6px;padding:0 .8rem .8rem;display:flex}.genre-badge{background:#ffffff1f;border-radius:999px;padding:4px 8px;font-size:11px}.fav-btn{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border:none;border-radius:50%;padding:6px;position:absolute;top:10px;right:10px}.fav-btn .material-icons{color:var(--primary);font-size:22px}.modal-backdrop{z-index:999;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:90%;max-width:900px;position:relative;overflow:hidden}.modal-content iframe{width:100%;height:100%}.close-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 10px;position:absolute;top:10px;right:14px}.skeleton-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border-radius:12px;padding:.5rem;animation:.6s ease-in-out fadeIn;position:relative;overflow:hidden}.skeleton-img{background:linear-gradient(90deg,#1c1c1c 25%,#2c2c2c 50%,#1c1c1c 75%) 0 0/400% 100%;border-radius:10px;height:240px;animation:1.2s infinite shimmer}.skeleton-text{background:linear-gradient(90deg,#1c1c1c 25%,#2c2c2c 50%,#1c1c1c 75%) 0 0/400% 100%;border-radius:6px;height:14px;margin-top:10px;animation:1.2s infinite shimmer}.skeleton-text.small{width:60%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.load-more{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50px;margin:2rem auto;padding:12px 28px;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 12px #0000004d}.load-more:hover{background:#dc2626;transform:scale(1.05);box-shadow:0 6px 16px #0006}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#111111f2;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000080}.nav-links{gap:1rem;display:flex}.menu-btn{cursor:pointer;color:#fff;background:0 0;border:none;font-size:1.5rem;display:none}@media (max-width:768px){.menu-btn{display:block}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111111f2;width:100%;position:sticky;top:0}@media (max-width:768px){.nav-links{z-index:1000;background:#111111f2;flex-direction:column;gap:0;width:200px;max-width:80vw;height:calc(100vh - 70px);padding:1rem;transition:transform .3s ease-in-out;position:fixed;top:70px;right:0;overflow-y:auto;transform:translate(100%)}.nav-links.open{transform:translate(0)}}.nav-links a{padding:10px 0}}.hero{min-height:50vh;padding:1.5rem 1rem}.hero p{display:none}.nav-links.open{box-shadow:-2px 0 10px #00000080}.logo{cursor:pointer;width:auto;height:44px}.movie-details{color:#fff;min-height:100vh;position:relative}.movie-backdrop{background-position:top;background-repeat:no-repeat;background-size:cover;min-height:75vh;position:relative}.movie-backdrop:after{content:"";background:linear-gradient(#00000059,#000000d9,#0b0b0f);position:absolute;inset:0}.movie-details-content{z-index:2;max-width:1200px;margin:-220px auto 0;padding:1.5rem;position:relative}.movie-info-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f0f14a6;border-radius:18px;grid-template-columns:160px 1fr;gap:1.5rem;padding:1.5rem;display:grid;box-shadow:0 20px 60px #0009}.movie-poster{border-radius:14px;width:100%;box-shadow:0 10px 30px #000000b3}.movie-meta h1{margin-bottom:.5rem;font-size:2rem}.movie-meta .tagline{opacity:.85;margin-bottom:.8rem;font-style:italic}.movie-meta p{opacity:.95;max-width:700px;line-height:1.7}.movie-stats{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.movie-stat{background:#ffffff14;border-radius:999px;padding:6px 12px;font-size:14px}.movie-actions{gap:1rem;margin-top:1.2rem;display:flex}.movie-actions button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:999px;padding:12px 22px;font-size:15px}.movie-actions button.secondary{background:#ffffff1f}@media (max-width:768px){.movie-details-content{margin-top:-160px}.movie-info-card{text-align:center;grid-template-columns:1fr}.movie-poster{max-width:220px;margin:0 auto}.movie-actions{flex-wrap:wrap;justify-content:center}}.fav-action{-webkit-backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.fav-action .material-icons{color:#ef4444;font-size:22px;transition:transform .25s}.fav-action:hover{background:#ffffff24;transform:translateY(-1px)}.fav-action:hover .material-icons{transform:scale(1.2)}.fav-action.active{background:#ef444426;border-color:#ef444466}.fav-action.active .material-icons{color:#ef4444}.movie-actions{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.movie-actions button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:14px;padding:12px 18px;font-size:14px;transition:background .25s,transform .2s}.movie-actions button:hover{background:#dc2626;transform:translateY(-1px)}.movie-actions .secondary{background:0 0}@media (max-width:640px){.movie-actions{flex-direction:column}.fav-action{justify-content:center}}.movie-stat{opacity:.9;align-items:center;gap:6px;font-size:14px;display:flex}.movie-stat .material-icons{color:#facc15;font-size:18px}.movie-actions button{align-items:center;gap:8px;display:inline-flex}.load-more{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:999px;margin:2rem auto;padding:12px 24px;font-size:15px;transition:all .3s;display:block}.load-more:hover{background:#dc2626}html{scroll-behavior:smooth}.hero{transition:background-image 1s ease-in-out}.logo{opacity:0;filter:drop-shadow(0 0 10px #ef4444)drop-shadow(0 0 20px #ef4444);width:150px;animation:1.5s forwards fadeInGlow}@keyframes fadeInGlow{0%{opacity:0;filter:drop-shadow(0 0 #ef4444);transform:scale(.6)}50%{opacity:.8;filter:drop-shadow(0 0 20px #ef4444)drop-shadow(0 0 30px #ef4444);transform:scale(1.05)}to{opacity:1;filter:drop-shadow(0 0 10px #ef4444)drop-shadow(0 0 20px #ef4444);transform:scale(1)}}.hero{opacity:0;animation:1s 1.6s forwards fadeInHero}@keyframes fadeInHero{0%{opacity:0}to{opacity:1}}.trend-year-picker select{color:#f8fafc;-webkit-backdrop-filter:blur(6px)saturate(110%);appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='rgba(255,255,255,0.9)' d='M6 8L0 0h12z'/></svg>") right 12px center/12px 8px no-repeat;border:1px solid #ffffff0f;border-radius:10px;outline:none;padding:8px 40px 8px 12px;transition:box-shadow .18s,border-color .15s,transform .12s;box-shadow:0 6px 14px #02061738}.trend-year-picker select:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0206173d}.trend-year-picker select:focus{border-color:#ef4444f2;box-shadow:0 10px 30px #ef44441f}.trend-year-picker select option{color:#fff;background:#111827f5}.trend-year-picker span{color:#cbd5e1;margin-left:8px}.trend-year-picker strong{color:#fff}@media (prefers-reduced-motion:reduce){.trend-year-picker select{transition:none!important;transform:none!important}}.year-toast{color:#92400e;z-index:1200;pointer-events:auto;background:#fff7ed;border:1px solid #0000000a;border-radius:10px;align-items:center;gap:12px;max-width:360px;padding:10px 14px;font-size:.95rem;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #0206171f}.year-toast-message{flex:auto}.year-toast-close{cursor:pointer;color:#92400e;opacity:.85;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;line-height:1}.year-toast-close:hover{opacity:1;background:#00000008}@media (max-width:520px){.year-toast{max-width:calc(100% - 36px);bottom:18px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.year-toast{transition:none!important}}