:root{color-scheme:dark;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.4;--red: #e50914;--red-hover: #f40612;--dark: #141414;--card-radius: 4px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--dark);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;padding:0 60px;height:68px;background:linear-gradient(180deg,rgba(0,0,0,.7) 10%,transparent);transition:background .4s}.navbar.scrolled{background:#141414}.navbar-logo{font-size:1.6rem;font-weight:900;color:var(--red);letter-spacing:-1px;margin-right:40px;cursor:pointer;text-transform:uppercase}.navbar-links{display:flex;gap:20px;list-style:none;flex:1}.navbar-links li{font-size:.85rem;color:#e5e5e5;cursor:pointer;transition:color .2s}.navbar-links li:hover{color:#b3b3b3}.navbar-links li.active{color:#fff;font-weight:500}.navbar-right{display:flex;align-items:center;gap:20px}.navbar-icon{font-size:1.2rem;cursor:pointer;color:#fff;position:relative}.navbar-avatar{width:32px;height:32px;border-radius:4px;background:linear-gradient(135deg,#e50914,#b20710);display:grid;place-items:center;font-size:.75rem;font-weight:700;cursor:pointer}.hero{position:relative;height:85vh;min-height:500px;display:flex;align-items:flex-end;padding:0 60px 120px;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 20%}.hero-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--dark) 0%,rgba(20,20,20,.6) 40%,rgba(20,20,20,.2) 70%,transparent 100%)}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(77deg,rgba(0,0,0,.8) 0%,transparent 50%)}.hero-content{position:relative;z-index:2;max-width:550px}.hero-tag{font-size:.9rem;font-weight:600;color:#46d369;margin-bottom:12px;text-transform:uppercase;letter-spacing:2px}.hero-title{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:16px;text-shadow:2px 2px 8px rgba(0,0,0,.6)}.hero-desc{font-size:1rem;color:#ddd;line-height:1.5;margin-bottom:28px;text-shadow:1px 1px 4px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-buttons{display:flex;gap:12px}.btn-play{display:flex;align-items:center;gap:8px;padding:10px 28px;font-size:1.1rem;font-weight:700;border:none;border-radius:var(--card-radius);background:#fff;color:#000;cursor:pointer;transition:background .2s}.btn-play:hover{background:#e0e0e0}.btn-info{display:flex;align-items:center;gap:8px;padding:10px 28px;font-size:1.1rem;font-weight:700;border:none;border-radius:var(--card-radius);background:#6d6d6eb3;color:#fff;cursor:pointer;transition:background .2s}.btn-info:hover{background:#6d6d6e80}.movie-row{position:relative;padding:0 60px;margin-bottom:40px}.movie-row-title{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:#e5e5e5}.movie-row-slider{display:flex;gap:6px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px;scrollbar-width:none}.movie-row-slider::-webkit-scrollbar{display:none}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:100%;border:none;background:#14141499;color:#fff;font-size:2rem;cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity .3s}.movie-row:hover .slider-btn{opacity:1}.slider-btn.left{left:0;border-radius:0 var(--card-radius) var(--card-radius) 0}.slider-btn.right{right:0;border-radius:var(--card-radius) 0 0 var(--card-radius)}.slider-btn:hover{background:#141414d9}.movie-card{flex:0 0 auto;width:240px;border-radius:var(--card-radius);overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;position:relative}.movie-card:hover{transform:scale(1.08);z-index:5;box-shadow:0 8px 30px #0009}.movie-card-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.movie-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 12px 12px;background:linear-gradient(transparent,#141414f2);opacity:0;transition:opacity .3s}.movie-card:hover .movie-card-overlay{opacity:1}.movie-card-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-card-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.75rem}.match{color:#46d369;font-weight:700}.maturity{border:1px solid rgba(255,255,255,.4);padding:0 5px;font-size:.65rem;border-radius:2px}.card-actions{display:flex;gap:6px;margin-top:8px}.card-action-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:#2a2a2acc;color:#fff;font-size:.75rem;display:grid;place-items:center;cursor:pointer;transition:border-color .2s,background .2s}.card-action-btn:hover{border-color:#fff;background:#505050cc}.card-action-btn.play{background:#fff;color:#000;border-color:#fff}.top10-row .movie-card{width:200px}.top10-row .movie-card-img{aspect-ratio:2 / 3}.top10-number{position:absolute;left:-8px;bottom:5%;font-size:8rem;font-weight:900;color:transparent;-webkit-text-stroke:3px #808080;line-height:1;z-index:1;pointer-events:none;font-family:Arial Black,sans-serif}.footer{padding:60px 60px 40px;color:gray;font-size:.8rem}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.footer-links a{color:gray;text-decoration:none;font-size:.8rem;transition:color .2s}.footer-links a:hover{color:#e5e5e5}.footer-social{display:flex;gap:20px;margin-bottom:24px;font-size:1.3rem}.footer-social span{cursor:pointer}.service-code{display:inline-block;padding:6px 12px;border:1px solid #808080;background:transparent;color:gray;font-size:.75rem;cursor:pointer;margin-bottom:20px}.service-code:hover{color:#e5e5e5;border-color:#e5e5e5}@media(max-width:768px){.navbar{padding:0 20px}.navbar-links{display:none}.hero{padding:0 20px 80px;height:70vh}.hero-title{font-size:1.8rem}.movie-row{padding:0 20px}.movie-card{width:160px}.top10-row .movie-card{width:140px}.footer{padding:40px 20px}.footer-links{grid-template-columns:repeat(2,1fr)}}