:root{--netflix-red:#e50914;--netflix-red-hover:#f40612;--dark-bg:#000;--dark-surface:#141414;--dark-card:#181818;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:gray;--accent-color:#e50914;--card-shadow:0 8px 24px #000c;--nav-bg:#000000b3;--glass-bg:#14141499;--glass-border:#ffffff1a;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--font-main:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--dark-bg);color:var(--text-primary);font-family:var(--font-main);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.display-font{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800}button{cursor:pointer;font-family:var(--font-main);transition:var(--transition-smooth);border:none;outline:none}a{color:inherit;text-decoration:none}ul{list-style:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s forwards fadeIn}.container{max-width:1400px;margin:0 auto;padding:0 4%}@media (width<=768px){.container{padding:0 5%}}.hero{background-color:var(--dark-bg);align-items:center;width:100%;height:90vh;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-image{object-fit:cover;opacity:.6;width:100%;height:100%}.hero-overlay-v{background:linear-gradient(to top, var(--dark-bg) 0%, transparent 50%, #0006 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay-h{background:linear-gradient(to right, var(--dark-bg) 0%, #000000b3 40%, transparent 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content-wrapper{z-index:1;width:100%;position:relative}.hero-content{max-width:650px}.hero-badge{color:#fff;letter-spacing:1px;text-transform:uppercase;background:red;border-radius:50px;align-items:center;margin-bottom:25px;padding:8px 25px;font-size:.85rem;font-weight:900;display:inline-flex;box-shadow:0 0 20px #ff000080}.star-icon{color:var(--netflix-red)}.hero-title{text-transform:uppercase;color:#fff;margin-bottom:20px;font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.1}.hero-meta{align-items:center;gap:15px;margin-bottom:24px;font-size:.9rem;font-weight:600;display:flex}.rating{color:#46d369}.quality{border:1px solid var(--text-muted);border-radius:2px;padding:0 6px;font-size:.7rem}.hero-overview{color:var(--text-secondary);text-shadow:2px 2px 4px #00000080;margin-bottom:35px;font-size:1.1rem;line-height:1.6}.hero-buttons{gap:15px;display:flex}.btn{transition:var(--transition-smooth);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.btn-primary{background-color:var(--netflix-red);color:#fff}.btn-primary:hover{background-color:var(--netflix-red-hover);transform:scale(1.05)}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#6d6d6eb3}.btn-secondary:hover{background-color:#6d6d6e66;transform:scale(1.05)}.hero-skeleton{background:#111;width:100%;height:90vh}@media (width<=768px){.hero{align-items:flex-end;height:95vh;padding-bottom:12vh}.hero-image{opacity:.9;filter:saturate(1.3)contrast(1.1)}.hero-overlay-v{background:linear-gradient(to top, var(--dark-bg) 0%, #0000004d 40%, #0000001a 100%)}.hero-overlay-h{background:linear-gradient(to top, var(--dark-bg) 0%, #0006 100%)}.hero-content{text-align:center;margin:0 auto;padding:0 15px}.hero-badge{margin-left:auto;margin-right:auto;padding:6px 18px;font-size:.75rem}.hero-title{margin-bottom:12px;font-size:2.5rem}.hero-buttons{flex-direction:column;justify-content:center;gap:12px;width:100%;max-width:400px;margin:0 auto}.btn{border-radius:8px;justify-content:center;width:100%;padding:16px;font-size:1.1rem}.hero-meta{justify-content:center;margin-bottom:18px}.hero-overview{-webkit-line-clamp:3;color:#eee;-webkit-box-orient:vertical;margin-bottom:25px;font-size:1rem;display:-webkit-box;overflow:hidden}}.app{background-color:var(--dark-bg);min-height:100vh}.header{z-index:1000;width:100%;transition:var(--transition-smooth);background:linear-gradient(#000000b3 0%,#0000 100%);padding:0 4%;position:fixed;top:0}.header.scrolled{background-color:var(--dark-bg);box-shadow:0 2px 10px #00000080}.header-inner{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:20px 0;transition:padding .3s;display:flex}.header.scrolled .header-inner{padding:15px 0}.header-left{flex:1;align-items:center;display:flex}.logo-link{align-items:center;text-decoration:none;display:flex}.logo-container{align-items:center;gap:12px;display:flex}.logo-icon{border:2px solid var(--netflix-red);background-color:#000;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding-left:3px;transition:transform .3s;display:flex}.header:hover .logo-icon{transform:rotate(360deg)}.logo{color:#fff;letter-spacing:1px;font-size:1.6rem;font-weight:800}.logo span{color:var(--netflix-red)}.desktop-nav{flex:none}.desktop-nav ul{gap:30px;display:flex}.desktop-nav li{color:#e5e5e5;cursor:pointer;font-size:.9rem;transition:color .3s}.desktop-nav li:hover,.desktop-nav li.active{color:#fff;font-weight:600}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:20px;display:flex}.btn-cta{background:linear-gradient(135deg, var(--netflix-red) 0%, #b20710 100%);color:#fff;cursor:pointer;letter-spacing:.5px;white-space:nowrap;border:none;border-radius:8px;padding:12px 24px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 4px 20px #e5091466}.btn-cta:hover{background:linear-gradient(135deg, #f40b17 0%, var(--netflix-red) 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 25px #e5091480}.content-rows{z-index:2;margin-top:-150px;padding-bottom:50px;position:relative}.footer{color:var(--text-muted);border-top:1px solid #333;padding:50px 0}.footer-links{margin-bottom:20px}.footer-links ul{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-links li{cursor:pointer;font-size:.85rem}.footer-links li:hover{text-decoration:underline}.copyright{text-align:center;font-size:.75rem}.mobile-menu-overlay{z-index:999;opacity:0;background-color:#000;justify-content:center;align-items:center;width:100%;height:100vh;transition:transform .5s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}.mobile-menu-overlay.open{opacity:1;transform:translateY(0)}.mobile-nav{text-align:center;width:100%;padding:0 20px}.mobile-nav ul{flex-direction:column;gap:35px;margin-bottom:50px;display:flex}.mobile-nav li{color:#fff;cursor:pointer;font-size:1.8rem;font-weight:700;font-family:var(--font-display);transition:color .3s}.mobile-nav li:hover{color:var(--netflix-red)}.mobile-menu-footer{margin-top:20px}.btn-cta-mobile{background:linear-gradient(135deg, var(--netflix-red) 0%, #b20710 100%);color:#fff;border-radius:50px;width:100%;max-width:300px;padding:18px 40px;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-block;box-shadow:0 10px 30px #e5091466}.mobile-toggle{cursor:pointer;z-index:1001;color:#fff;transition:transform .3s;display:none}.mobile-toggle:active{transform:scale(.9)}@media (width<=900px){.desktop-nav{display:none}.mobile-toggle{display:block}}@media (width<=768px){.header{padding:0 5%}.header-inner{padding:12px 0}.logo{font-size:1.5rem}.logo-icon{width:36px;height:36px}.btn-cta{display:none}.content-rows{margin-top:-80px}}@media (width<=480px){.header-right{gap:10px}}