body{color:#e2e8f0;background:#0a0a0f;margin:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}@keyframes heroFadeSlideIn{0%{opacity:0;transform:translate(16px)scale(.99)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes heroImageFadeIn{0%{opacity:0}to{opacity:1}}.hero-slide{will-change:opacity, transform;animation:.6s cubic-bezier(.22,1,.36,1) both heroFadeSlideIn}.hero-slide-image{will-change:opacity;animation:.8s ease-out both heroImageFadeIn;display:block}.hero-nav-arrow{z-index:10;color:#fff;cursor:pointer;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);background:0 0;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-nav-arrow:hover{background:#00acc14d;border-color:#00acc1;transform:translateY(-50%)scale(1.1)}.hero-nav-arrow svg{pointer-events:none;margin:auto;transition:transform .2s;display:block}.hero-nav-arrow-left:hover svg{transform:translate(-2px)}.hero-nav-arrow-right:hover svg{transform:translate(2px)}.hero-nav-arrow-left{left:2rem}.hero-nav-arrow-right{right:2rem}.landing-home{box-sizing:border-box;width:100%;padding:0}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00acc1,#00838f);border:none;border-radius:30px;padding:10px 20px;font-weight:700;text-decoration:none;transition:all .25s;box-shadow:0 4px 15px #00acc14d}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00acc180}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;box-sizing:border-box;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{box-sizing:border-box;background:#0f172a;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:480px;animation:.25s modalPop;overflow:hidden;box-shadow:0 25px 60px #000000b3}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:#fff;margin:0;font-size:1.15rem}.close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.close-btn:hover{background:#ef4444}.modal-form{flex-direction:column;gap:12px;padding:20px;display:flex}.modal-form label{color:#94a3b8;font-size:.82rem;font-weight:600}.modal-form input,.modal-form select{color:#fff;background:#111c31;border:1px solid #23304d;border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:all .2s}.modal-form input:focus,.modal-form select:focus{border-color:#00acc1;box-shadow:0 0 0 3px #00acc133}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00acc1,#00838f);border:none;border-radius:10px;margin-top:8px;padding:12px;font-size:1rem;font-weight:700;transition:all .2s}.save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00acc166}@keyframes modalPop{0%{opacity:0;transform:translateY(15px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-700px 0}to{background-position:700px 0}}.skeleton-poster,.skeleton-title-bar,.skeleton-line,.skeleton-hero-backdrop{background:linear-gradient(90deg,#131722 25%,#1c2233 50%,#131722 75%) 0 0/700px 100%;border-radius:8px;animation:1.5s linear infinite shimmer}.row-skeleton-wrapper{box-sizing:border-box;width:100%;margin-bottom:.4rem;position:relative;overflow:hidden}.skeleton-title-bar{width:180px;height:22px}.skeleton-cards-row{gap:1.2rem;padding-right:2rem;display:flex;overflow:hidden}.skeleton-card{box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:8px;padding-bottom:.3rem;display:flex}.skeleton-poster{aspect-ratio:2/3;border-radius:12px;width:100%;height:auto}.skeleton-info{flex-direction:column;gap:6px;padding:0 2px;display:flex}.skeleton-line--title{width:85%;height:13px}.skeleton-line--meta{width:55%;height:11px;animation-delay:.12s}@media (max-width:1024px){.hero-container{height:65vh!important;min-height:400px!important}.hero-slide{width:100%!important;max-width:580px!important;padding:0 3rem 2rem!important}.hero-title{margin:.5rem 0!important;font-size:2rem!important}.hero-info-container{flex-direction:column!important;max-width:500px!important;margin-bottom:1.2rem!important;display:flex!important}.hero-info-container p{-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;font-size:.88rem!important;line-height:1.45!important;display:-webkit-box!important;overflow:hidden!important}.hero-nav-arrow-left{left:1rem!important}.hero-nav-arrow-right{right:1rem!important}}@media (max-width:768px){.hero-container{height:45vh!important;min-height:300px!important}.hero-type-badge{padding:.15rem .4rem!important;font-size:.6rem!important}.hero-rating-year{gap:.5rem!important;margin-bottom:.5rem!important;font-size:.75rem!important}.hero-wishlist-btn{width:38px!important;height:38px!important;font-size:1.3rem!important}.hero-slide-image{-o-object-position:top center!important;object-position:top center!important;width:100%!important}.hero-overlay-gradient{background:linear-gradient(#0a0a0fbf 0%,#0a0a0f4d 20%,#0a0a0fbf 50%,#0a0a0f 100%)!important}.hero-slide{width:100%!important;max-width:100%!important;padding:0 1.5rem 1.8rem!important}.hero-title{margin:.4rem 0!important;font-size:1.65rem!important}.hero-info-container{display:none!important}.hero-buttons{gap:.5rem!important}.hero-buttons button{padding:.55rem 1.3rem!important;font-size:.85rem!important}.hero-nav-arrow{width:38px!important;height:38px!important}.hero-nav-arrow svg{width:18px!important;height:18px!important}.hero-nav-arrow-left{left:8px!important}.hero-nav-arrow-right{right:8px!important}}@media (max-width:480px){.hero-container{height:40vh!important;min-height:250px!important}.hero-slide{padding:0 1rem 1.6rem!important}.hero-title{font-size:1.35rem!important}.hero-info-container{display:none!important}.hero-buttons button{padding:.5rem 1.1rem!important;font-size:.82rem!important}.hero-nav-arrow{width:32px!important;height:32px!important}.hero-nav-arrow svg{width:15px!important;height:15px!important}}@media (max-width:360px){.hero-container{height:35vh!important;min-height:220px!important}.hero-title{font-size:1.2rem!important}.hero-info-container{display:none!important}}.desktop-only-hero{display:block}.hero-nav-arrow.desktop-only-hero{display:flex}.mobile-only-hero{display:none!important}@media (max-width:768px){.desktop-only-hero{display:none!important}.mobile-only-hero{display:flex!important}.mobile-hero-wrapper{width:100%;height:45vh;min-height:300px;position:relative;overflow:hidden}.mobile-swipe-backdrop-wrapper{z-index:0;position:absolute;inset:0}.mobile-swipe-backdrop{-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%;width:100%;height:100%;animation:.3s ease-in-out fadeHeroIn}.mobile-hero-overlay{pointer-events:none;background:linear-gradient(#0a0a0f66 0%,#0a0a0f00 30%,#0a0a0f33 100%);position:absolute;inset:0}@keyframes fadeHeroIn{0%{opacity:.5}to{opacity:1}}.mobile-swipe-hero-container{z-index:10;scroll-snap-type:x mandatory;box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:12px;width:100%;padding:0;position:absolute;inset:0;overflow-x:auto;display:flex!important}.mobile-swipe-hero-container::-webkit-scrollbar{display:none}.mobile-swipe-hero-slide{scroll-snap-align:start;border-radius:12px;flex:0 0 84vw;height:100%;position:relative;overflow:visible}.mobile-swipe-hero-slide:first-child{margin-left:16px}.mobile-swipe-hero-slide:last-child{margin-right:16px}.mobile-hero-bottom-bar{-webkit-backdrop-filter:blur(16px);z-index:5;box-sizing:border-box;background:#14191ea6;border:none;border-radius:12px;align-items:center;gap:6px;width:100%;padding:12px 8px 12px 0;position:absolute;bottom:0;left:0;right:0;box-shadow:0 4px 20px #00000080;display:flex!important}.mobile-hero-poster{border:none;border-radius:4px;flex-shrink:0;width:60px;height:85px;margin-top:-30px;margin-left:8px;overflow:hidden;box-shadow:0 6px 15px #00000080}.mobile-hero-poster img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mobile-hero-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.mobile-hero-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden;margin:0 0 4px!important;font-size:1rem!important}.mobile-hero-meta{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:.75rem;display:flex;overflow:hidden}.mobile-hero-meta svg{color:#00acc1}.meta-separator{color:#475569}.meta-genres{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mobile-hero-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.mobile-hero-actions-stacked{flex-direction:column;align-items:center;gap:4px;display:flex}.mobile-hero-action-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.mobile-hero-play-btn{color:#fff;cursor:pointer;background:#00acc1;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;box-shadow:0 4px 12px #00acc166}.genre-name-hide-mobile{display:none!important}.pagination-container{gap:.25rem!important;padding:0!important}.pagination-btn{min-width:32px!important;height:32px!important;padding:0 .5rem!important;font-size:.8rem!important}.pagination-text{display:none!important}}.search-page-wrapper{padding:calc(2rem + 50px) 2rem 2rem}@media (max-width:768px){.search-page-wrapper{padding:70px 10px 10px!important}}