*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--netflix-red: #E50914;--netflix-red-hover: #f40612;--netflix-dark: #141414;--netflix-darker: #111;--netflix-gray: #303030;--netflix-light: #b3b3b3;--netflix-white: #fff;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s ease}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--netflix-dark);color:var(--netflix-white);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom,#000c,#0009,#000c),url(https://assets.nflxext.com/ffe/siteui/vlv3/9db4a880-3034-4e98-bdea-5d983e86bf52/b2a23d11-38f1-4df6-ad5e-77a1a91c40ae/BR-pt-20230925-popsignuptwoweeks-perspective_alpha_website_large.jpg) center/cover no-repeat}.login-header{position:fixed;top:0;left:0;right:0;padding:28px 48px;z-index:10}.login-logo{font-size:2rem;font-weight:800;color:var(--netflix-red);text-transform:uppercase;letter-spacing:1px}.login-box{background:#000000bf;padding:60px 68px 40px;border-radius:4px;width:100%;max-width:450px;min-height:460px}.login-box h1{font-size:2rem;font-weight:600;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:16px}.login-form input{width:100%;padding:16px 20px;background:#333;border:1px solid #333;border-radius:4px;color:#fff;font-size:1rem;transition:border var(--transition-fast)}.login-form input:focus{outline:none;border-color:var(--netflix-light);background:#454545}.login-form input::placeholder{color:#8c8c8c}.login-form .error{background:#e87c03;color:#fff;padding:12px 16px;border-radius:4px;font-size:.875rem}.btn-login{width:100%;padding:16px;background:var(--netflix-red);color:#fff;font-size:1rem;font-weight:600;border-radius:4px;transition:background var(--transition-fast);margin-top:8px}.btn-login:hover{background:var(--netflix-red-hover)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-help{display:flex;justify-content:space-between;align-items:center;color:var(--netflix-light);font-size:.8125rem;margin-top:8px}.login-help label{display:flex;align-items:center;gap:4px}.login-signup{color:var(--netflix-light);margin-top:48px;font-size:1rem}.login-signup a{color:#fff;font-weight:500}.login-signup a:hover{text-decoration:underline}.profiles-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--netflix-dark)}.profiles-page h1{font-size:3.5rem;font-weight:500;margin-bottom:40px;letter-spacing:-1px}.profiles-grid{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.profile-card{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:transform var(--transition-normal)}.profile-card:hover{transform:scale(1.05)}.profile-avatar{width:120px;height:120px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:3rem;border:3px solid transparent;transition:border-color var(--transition-fast)}.profile-card:hover .profile-avatar{border-color:#fff}.profile-avatar.red{background:linear-gradient(135deg,#e50914,#b2070f)}.profile-avatar.blue{background:linear-gradient(135deg,#0071eb,#0058b8)}.profile-avatar.green{background:linear-gradient(135deg,#46d369,#2ea851)}.profile-avatar.yellow{background:linear-gradient(135deg,#e5a00d,#c4880a)}.profile-avatar.purple{background:linear-gradient(135deg,#8c43f2,#6b34bd)}.profile-avatar.orange{background:linear-gradient(135deg,#ff6b35,#e55522)}.profile-name{font-size:1.2rem;color:var(--netflix-light);max-width:120px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-badge{font-size:.7rem;background:var(--netflix-gray);padding:2px 8px;border-radius:4px;color:var(--netflix-light);margin-top:-4px}.btn-profile-manage{margin-top:60px;padding:12px 32px;border:1px solid var(--netflix-light);color:var(--netflix-light);font-size:1rem;letter-spacing:1px;text-transform:uppercase;transition:all var(--transition-fast)}.btn-profile-manage:hover{border-color:#fff;color:#fff}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 48px;height:68px;display:flex;align-items:center;justify-content:space-between;transition:background var(--transition-normal)}.navbar.scrolled{background:var(--netflix-dark);box-shadow:0 2px 10px #00000080}.navbar-left{display:flex;align-items:center;gap:32px}.navbar-logo{font-size:1.6rem;font-weight:800;color:var(--netflix-red);text-transform:uppercase;letter-spacing:.5px}.navbar-links{display:flex;gap:20px;list-style:none}.navbar-links a{color:var(--netflix-light);font-size:.875rem;font-weight:500;transition:color var(--transition-fast)}.navbar-links a:hover,.navbar-links a.active{color:#fff}.navbar-right{display:flex;align-items:center;gap:20px}.navbar-right svg{cursor:pointer;transition:transform var(--transition-fast)}.navbar-right svg:hover{transform:scale(1.1)}.navbar-profile{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative}.navbar-profile-avatar{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.navbar-profile-avatar.red{background:var(--netflix-red)}.navbar-profile-avatar.blue{background:#0071eb}.navbar-profile-avatar.green{background:#46d369}.navbar-profile-avatar.yellow{background:#e5a00d}.navbar-profile-avatar.orange{background:#ff6b35}.navbar-profile-avatar.purple{background:#8c43f2}.billboard{position:relative;height:85vh;min-height:500px;width:100%;margin-bottom:-60px}.billboard-backdrop{width:100%;height:100%;object-fit:cover}.billboard-gradient{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,var(--netflix-dark) 10%,transparent 90%)}.billboard-gradient-left{position:absolute;top:0;left:0;bottom:0;width:30%;background:linear-gradient(to right,var(--netflix-dark) 10%,transparent 90%)}.billboard-content{position:absolute;bottom:150px;left:48px;max-width:500px;z-index:5}.billboard-title{font-size:3rem;font-weight:800;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.1}.billboard-description{font-size:1rem;color:var(--netflix-light);line-height:1.5;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.billboard-buttons{display:flex;gap:12px;align-items:center}.btn-play{display:flex;align-items:center;gap:10px;padding:12px 28px;background:#fff;color:#000;font-size:1.1rem;font-weight:600;border-radius:4px;transition:background var(--transition-fast)}.btn-play:hover{background:#ffffffbf}.btn-info{display:flex;align-items:center;gap:10px;padding:12px 28px;background:#6d6d6eb3;color:#fff;font-size:1.1rem;font-weight:600;border-radius:4px;transition:background var(--transition-fast)}.btn-info:hover{background:#6d6d6e66}.billboard-maturity{position:absolute;bottom:150px;right:48px;background:#0009;border-left:3px solid #dcdcdc;padding:8px 12px;font-size:.875rem;z-index:5}.browse-content{position:relative;z-index:10;padding-bottom:60px}.movie-row{padding:0 48px;margin-bottom:32px}.movie-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.movie-row-title{font-size:1.4rem;font-weight:600;letter-spacing:-.5px}.movie-row-arrow{color:var(--netflix-light);font-size:.875rem;cursor:default;text-transform:uppercase;letter-spacing:1px}.movie-row-scroll{display:flex;gap:6px;overflow-x:auto;padding:8px 0;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.movie-row-scroll::-webkit-scrollbar{display:none}.movie-card{flex-shrink:0;width:220px;cursor:pointer;position:relative;transition:transform var(--transition-normal);border-radius:4px;overflow:hidden}.movie-card:hover{transform:scale(1.4);z-index:20;box-shadow:0 0 20px #000c}.movie-card-image{width:100%;height:124px;object-fit:cover;display:block;background:var(--netflix-gray)}.movie-card-image-placeholder{width:100%;height:124px;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;color:var(--netflix-light);font-size:.8rem;text-align:center;padding:8px}.movie-card-hover{display:none;position:absolute;top:0;left:0;right:0;background:var(--netflix-dark);border-radius:4px;overflow:hidden;box-shadow:0 4px 16px #000c}.movie-card:hover .movie-card-hover{display:block}.movie-card-hover-image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.movie-card-hover-info{padding:12px}.movie-card-hover-buttons{display:flex;gap:8px;margin-bottom:10px}.movie-card-hover-btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.movie-card-hover-btn.play{background:#fff;border-color:#fff;color:#000}.movie-card-hover-btn:hover{border-color:#fff}.movie-card-hover-title{font-size:.9rem;font-weight:600;margin-bottom:6px}.movie-card-hover-meta{display:flex;gap:8px;align-items:center;font-size:.75rem;color:var(--netflix-light)}.match{color:#46d369;font-weight:600}.movie-detail{min-height:100vh;background:var(--netflix-dark)}.movie-detail-backdrop{position:relative;height:70vh;min-height:400px}.movie-detail-backdrop img{width:100%;height:100%;object-fit:cover}.movie-detail-gradient{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,var(--netflix-dark) 10%,transparent 90%)}.movie-detail-gradient-left{position:absolute;top:0;left:0;bottom:0;width:40%;background:linear-gradient(to right,var(--netflix-dark) 15%,transparent 85%)}.movie-detail-content{position:relative;padding:0 48px;margin-top:-250px;z-index:5;display:flex;gap:48px}.movie-detail-poster{width:250px;flex-shrink:0;border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #00000080}.movie-detail-poster img{width:100%;display:block}.movie-detail-info{padding-top:120px;flex:1}.movie-detail-info h1{font-size:2.5rem;font-weight:700;margin-bottom:12px}.movie-detail-meta{display:flex;gap:16px;align-items:center;font-size:.95rem;margin-bottom:20px}.movie-detail-meta .match{color:#46d369;font-weight:700}.movie-detail-meta .year,.movie-detail-meta .duration{color:var(--netflix-light)}.movie-detail-rating{border:1px solid rgba(255,255,255,.4);padding:1px 6px;font-size:.75rem;color:var(--netflix-light)}.movie-detail-description{font-size:1.1rem;line-height:1.6;color:var(--netflix-light);margin-bottom:24px;max-width:600px}.movie-detail-buttons{display:flex;gap:12px;margin-bottom:24px}.movie-detail-categories{color:var(--netflix-light);font-size:.9rem}.movie-detail-categories span{color:#fff}.watch-page{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:1000}.watch-page video{width:100%;height:100%;object-fit:contain}.watch-back{position:absolute;top:24px;left:24px;z-index:10;display:flex;align-items:center;gap:8px;color:#fff;font-size:1rem;font-weight:500;padding:8px 16px;background:#00000080;border-radius:4px;transition:background var(--transition-fast)}.watch-back:hover{background:#000c}.loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--netflix-dark)}.loading-spinner{width:48px;height:48px;border:3px solid var(--netflix-gray);border-top:3px solid var(--netflix-red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.login-box{padding:40px 24px}.profiles-page h1{font-size:2rem}.profile-avatar{width:80px;height:80px;font-size:2rem}.navbar{padding:0 16px}.navbar-links{display:none}.billboard-content{left:16px;bottom:100px}.billboard-title{font-size:1.8rem}.movie-row{padding:0 16px}.movie-detail-content{flex-direction:column;padding:0 16px;margin-top:-100px}.movie-detail-poster{width:150px}.movie-detail-info{padding-top:16px}.movie-detail-info h1{font-size:1.5rem}.movie-card{width:160px}.movie-card-image,.movie-card-image-placeholder{height:90px}}