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