*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f0f0f;font-family:Inter,sans-serif}img{max-width:100%;display:block}button{font-family:inherit}body{color:#fff;background:#070707;font-family:Inter,sans-serif;overflow-x:hidden}#app{animation:.35s fadePage}@keyframes fadePage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#090909}::-webkit-scrollbar-thumb{background:#222;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#333}.navbar{z-index:999;-webkit-backdrop-filter:blur();backdrop-filter:blur();justify-content:space-between;align-items:center;padding:18px 40px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0ad1;border-bottom:1px solid #ffffff0d}.navbar-left{align-items:center;gap:40px;display:flex}.logo{color:#e50914;cursor:pointer;font-size:1.7rem;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:#ffffffd1;cursor:pointer;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#fff}.navbar-right{align-items:center;display:flex}#searchInput{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000073;border:1px solid #e50914bf;border-radius:14px;outline:none;width:260px;padding:12px 18px;transition:all .3s;box-shadow:0 0 #e5091400}#searchInput:focus{border:2px solid #e50914;box-shadow:0 0 18px #e5091447}#searchInput::placeholder{color:#ffffff73}@media (width<=768px){.navbar{flex-direction:column;align-items:flex-start;gap:20px;padding:16px 20px}.navbar-left{justify-content:space-between;width:100%}.nav-links{gap:16px}#searchInput,.navbar-right{width:100%}}.hero{background-position:50%;background-size:cover;align-items:flex-end;height:88vh;padding:80px;display:flex}.hero-title{margin-bottom:22px;font-size:72px;font-weight:900}.hero-button{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:14px;padding:18px 32px;font-size:16px;font-weight:700}.hero{align-items:end;min-height:85vh;padding:80px;animation:.8s heroFade;display:flex;position:relative;overflow:hidden}@keyframes heroFade{0%{opacity:.4;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.hero-title{text-shadow:0 4px 18px #00000073}.hero-overview{color:#ffffffd1}.hero-button{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:10px;padding:14px 26px;font-weight:600;transition:all .3s}.container{max-width:1500px;margin:auto;padding:40px}.movie-card{cursor:pointer;background:#111;border-radius:22px;transition:all .3s;overflow:hidden}.movie-card:hover{transform:translateY(-8px)scale(1.03)}.movie-info{padding:18px}.movie-info h3{margin-bottom:10px}.movie-meta{opacity:.75;justify-content:space-between;display:flex}.skeleton-card{background:#111;border-radius:22px;padding-bottom:18px;overflow:hidden}.skeleton-poster{aspect-ratio:2/3;background:linear-gradient(90deg,#1a1a1a,#222,#1a1a1a) 0 0/200% 100%;animation:1.5s infinite shimmer}.skeleton-line{background:linear-gradient(90deg,#1a1a1a,#222,#1a1a1a) 0 0/200% 100%;border-radius:999px;height:14px;margin:16px;animation:1.5s infinite shimmer}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section-header h2{font-size:32px}.loading-more{opacity:.7;justify-content:center;padding:40px;display:flex}.toast{color:#fff;z-index:99999;opacity:0;background:#e50914;border-radius:14px;padding:16px 24px;transition:all .3s;position:fixed;bottom:30px;right:30px;transform:translateY(20px)}.toast.show{opacity:1;transform:translateY(0)}.genre-list{scrollbar-width:none;gap:14px;padding:20px 40px;display:flex;overflow-x:auto}.genre-list::-webkit-scrollbar{display:none}.genre-chip{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff14;border:none;border-radius:999px;padding:14px 20px;transition:all .3s}.genre-chip:hover{background:#e50914}.search-suggestions{z-index:9999;background:#111;border-radius:18px;width:320px;position:absolute;top:70px;right:0;overflow:hidden}.suggestion-item{cursor:pointer;padding:16px 20px;transition:all .2s}.suggestion-item:hover{background:#1c1c1c}.movie-card{background:#141414;transition:transform .3s,box-shadow .3s}.movie-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #00000059}.container{width:min(1400px,92%);margin:auto}.movie-section{margin-top:50px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-header h2{font-size:1.6rem;font-weight:700}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;display:grid}.hero{isolation:isolate;background-position:50%;background-size:cover;align-items:end;min-height:90vh;padding:120px 60px 70px;display:flex;position:relative}.hero:before{content:"";z-index:-1;background:linear-gradient(#0a0a0a26,#0a0a0a8c,#0a0a0afa);position:absolute;inset:0}.hero-content{max-width:720px}.hero-title{text-shadow:0 8px 30px #00000073;margin-bottom:22px;font-size:4.5rem;font-weight:800;line-height:1.05}.hero-overview{color:#ffffffd1;margin-bottom:28px;font-size:1.05rem;line-height:1.8}.hero-button{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:14px;justify-content:center;align-items:center;padding:14px 28px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.hero-button:hover{background:#ff2433;transform:translateY(-3px)}.detail-hero{background-position:50%;background-size:cover;align-items:center;min-height:100vh;padding:120px 60px 80px;display:flex;position:relative;overflow:hidden}.detail-hero:before{content:"";z-index:0;background:linear-gradient(90deg,#0a0a0af5 18%,#0a0a0ad1 42%,#0a0a0a73 65%,#0a0a0a26 100%);position:absolute;inset:0}.detail-overlay{z-index:1;width:100%;position:relative}.detail-grid{grid-template-columns:320px 1fr;align-items:center;gap:50px;display:grid}.detail-poster{object-fit:cover;border-radius:24px;width:100%;box-shadow:0 20px 50px #00000073}.detail-meta{color:#ffffffc7;flex-wrap:wrap;gap:18px;margin-bottom:24px;font-size:.95rem;display:flex}.genres{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.genres span{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;padding:10px 16px;font-size:.9rem}.detail-overview{color:#ffffffd1;max-width:850px;margin-bottom:30px;font-size:1.05rem;line-height:1.8}.credits{color:#ffffffc7;margin-bottom:30px;line-height:1.8}.favorite-button{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:none;border-radius:14px;margin-left:12px;padding:14px 24px;font-weight:600;transition:all .3s}.favorite-button:hover{background:#ffffff26}.back-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:none;border-radius:12px;padding:12px 18px;position:absolute;top:-70px;left:0}.search-page{padding-top:120px}.search-title{margin-bottom:30px;font-size:2rem;font-weight:700}.favorites-page{padding-top:120px}@media (width<=900px){.hero{padding:120px 24px 60px}.hero-title{font-size:2.7rem}.detail-grid{text-align:center;grid-template-columns:1fr}.detail-poster{max-width:320px;margin:auto}.detail-title{font-size:2.5rem}.detail-meta,.genres{justify-content:center}.back-button{top:-85px}}@media (width<=600px){.movie-grid{grid-template-columns:repeat(2,1fr);gap:18px}.hero-title{font-size:2.2rem}.hero-overview{font-size:.95rem}.detail-title{font-size:2rem}}.detail-page{background-position:50%;background-size:cover;min-height:100vh;padding:140px 60px 80px;position:relative}.detail-container{grid-template-columns:340px 1fr;align-items:center;gap:60px;width:min(1400px,100%);margin:auto;display:grid}.detail-left{justify-content:center;display:flex}.detail-poster{border-radius:24px;width:100%;max-width:340px;box-shadow:0 25px 60px #00000080}.detail-right{max-width:900px}.detail-title{margin-bottom:20px;font-size:4rem;font-weight:800;line-height:1.1}.detail-meta{color:#ffffffc7;flex-wrap:wrap;gap:20px;margin-bottom:24px;display:flex}.detail-overview{color:#ffffffd6;text-align:justify;margin:30px 0;font-size:1.05rem;line-height:1.9}.detail-actions{gap:16px;margin-top:30px;display:flex}@media (width<=900px){.detail-container{text-align:center;grid-template-columns:1fr}.detail-meta,.genres,.detail-actions{justify-content:center}.detail-title{font-size:2.5rem}}.watch-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;padding:14px 24px;font-weight:700;transition:all .3s}.watch-button:hover{background:#3b82f6;transform:translateY(-3px)}.watch-page{text-align:center;background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:120px 20px;display:flex}.watch-content{max-width:700px}.watch-title{margin-bottom:20px;font-size:4rem;font-weight:800}.watch-subtitle{color:#ffffffb8;margin-bottom:40px;font-size:1.1rem}.watch-actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.watch-server{color:#fff;background:#e50914;border-radius:16px;padding:18px 34px;font-weight:700;text-decoration:none;transition:all .3s}.watch-server:hover{background:#ff2433;transform:translateY(-4px)}@media (width<=768px){.navbar{flex-direction:column;gap:16px;padding:20px}.hero{height:72vh;padding:30px}.hero-title{font-size:42px}.container{padding:20px}}