.navbar{position:fixed;top:0;width:100%;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;z-index:100;transition:background-color .3s}.navbar.scrolled{background-color:var(--netflix-black)}.navbar-left{display:flex;align-items:center;gap:40px}.logo{font-size:28px;font-weight:700;color:var(--netflix-red);letter-spacing:2px}.nav-links{display:flex;gap:20px}.nav-links a{font-size:14px;transition:color .3s}.nav-links a:hover{color:var(--netflix-gray)}.navbar-right{display:flex;align-items:center;gap:20px}.profile-menu{position:relative}.profile-btn{display:flex;align-items:center;gap:8px;background:none;color:#fff}.profile-btn img{width:32px;height:32px;border-radius:4px}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background:#000000e6;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:10px;min-width:150px}.profile-dropdown a,.profile-dropdown button{display:block;width:100%;text-align:left;padding:10px;background:none;color:#fff;border-radius:2px;transition:background .2s}.profile-dropdown a:hover,.profile-dropdown button:hover{background:#ffffff1a}@media (max-width: 768px){.navbar{padding:15px 20px}.logo{font-size:20px}.nav-links{gap:15px}.nav-links a{font-size:12px}}.video-card{position:relative;flex:0 0 auto;width:280px;cursor:pointer;transition:transform .3s;border-radius:4px;overflow:visible}.video-card:hover{transform:scale(1.05);z-index:10}.thumbnail{width:100%;height:160px;object-fit:cover;border-radius:4px;display:block}.video-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000f2,#000000e6 80%,#000000d9);padding:15px;opacity:0;transition:opacity .3s;border-radius:4px}.video-card:hover .video-info{opacity:1}.video-info h3{font-size:16px;margin-bottom:8px}.video-info .description{font-size:13px;color:#0ff;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-meta{display:flex;gap:10px;font-size:12px;color:var(--netflix-gray);margin-bottom:8px}.rating{border:1px solid var(--netflix-gray);padding:2px 6px;border-radius:2px}.genres{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.genres span{font-size:11px;color:var(--netflix-gray)}.actions{display:flex;gap:10px}.play-btn,.add-btn{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600;transition:background .2s}.play-btn{background:#fff;color:#000}.play-btn:hover{background:#fffc}.add-btn{background:#fff3;color:#fff}.add-btn:hover{background:#ffffff4d}@media (max-width: 768px){.video-card{width:160px}.thumbnail{height:90px}.video-info h3{font-size:14px}}.video-row{margin:40px 0;padding:0 50px}.row-title{font-size:20px;margin-bottom:15px;font-weight:600}.row-container{position:relative}.videos{display:flex;gap:10px;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;padding:10px 0}.videos::-webkit-scrollbar{display:none}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;width:50px;height:160px;font-size:40px;cursor:pointer;z-index:10;opacity:0;transition:opacity .3s}.row-container:hover .scroll-btn{opacity:1}.scroll-btn:hover{background:#000000e6}.scroll-btn.left{left:0}.scroll-btn.right{right:0}@media (max-width: 768px){.video-row{margin:20px 0;padding:0 20px}.row-title{font-size:18px}.scroll-btn{display:none}}.home{min-height:100vh;background:var(--netflix-black)}.hero{position:relative;height:80vh;background-size:cover;background-position:center;display:flex;align-items:center;padding:0 50px}.hero-content{position:relative;z-index:2;max-width:600px}.hero h1{font-size:48px;margin-bottom:20px;font-weight:700}.hero p{font-size:18px;margin-bottom:30px;line-height:1.5}.hero-buttons{display:flex;gap:15px}.btn-play,.btn-info{padding:12px 30px;font-size:16px;font-weight:600;border-radius:4px;transition:all .2s}.btn-play{background:#fff;color:#000}.btn-play:hover{background:#fffc}.btn-info{background:#fff3;color:#fff}.btn-info:hover{background:#ffffff4d}.hero-fade{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,var(--netflix-black),transparent)}.content{position:relative;margin-top:-150px;z-index:10;padding-bottom:50px}@media (max-width: 768px){.hero{height:60vh;padding:0 20px}.hero h1{font-size:32px}.hero p{font-size:14px}.btn-play,.btn-info{padding:10px 20px;font-size:14px}.content{margin-top:-100px}}.auth-page{min-height:100vh;background:linear-gradient(#0009,#0009),url(https://assets.nflxext.com/ffe/siteui/vlv3/web/background.jpg);background-size:cover;background-position:center}.auth-header{padding:20px 50px}.auth-content{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px}.auth-form-container{background:#000000bf;padding:60px 68px 40px;border-radius:4px;width:100%;max-width:450px}.auth-form-container h2{font-size:32px;margin-bottom:28px}.error-message{background:var(--netflix-red);padding:12px;border-radius:4px;margin-bottom:16px;font-size:14px}.auth-form-container form{display:flex;flex-direction:column;gap:16px}.auth-form-container input{padding:16px;background:#333;border:none;border-radius:4px;color:#fff;font-size:16px}.auth-form-container input:focus{background:#454545}.auth-form-container button{padding:16px;background:var(--netflix-red);color:#fff;font-size:16px;font-weight:600;border-radius:4px;margin-top:24px;transition:background .2s}.auth-form-container button:hover:not(:disabled){background:#f40612}.auth-form-container button:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin-top:16px;color:var(--netflix-gray);font-size:14px}.auth-switch a{color:#fff;text-decoration:underline}.auth-switch a:hover{text-decoration:none}@media (max-width: 768px){.auth-header{padding:20px}.auth-form-container{padding:40px 30px}.auth-form-container h2{font-size:24px}}.video-player{position:relative;width:100%;height:100vh;background:#000;overflow:hidden}.video-element{width:100%;height:100%;object-fit:contain}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px;opacity:0;transition:opacity .3s}.video-controls.show{opacity:1}.progress-bar{width:100%;height:5px;background:#ffffff4d;cursor:pointer;margin-bottom:15px;border-radius:5px;overflow:hidden}.progress-filled{height:100%;background:var(--netflix-red);transition:width .1s}.controls-row{display:flex;justify-content:space-between;align-items:center}.controls-left,.controls-right{display:flex;align-items:center;gap:15px}.control-btn{background:none;color:#fff;font-size:18px;padding:8px 12px;border-radius:4px;transition:background .2s}.control-btn:hover{background:#ffffff1a}.volume-slider{width:80px;cursor:pointer}.time-display{font-size:14px;color:#fff}.menu-container{position:relative}.quality-menu{position:absolute;bottom:100%;right:0;background:#000000e6;border-radius:4px;padding:8px;margin-bottom:10px;min-width:100px}.quality-menu div{padding:8px 12px;cursor:pointer;border-radius:2px;transition:background .2s}.quality-menu div:hover{background:#ffffff1a}@media (max-width: 768px){.video-controls{padding:10px}.controls-left,.controls-right{gap:8px}.control-btn{font-size:16px;padding:6px 10px}.volume-slider{width:60px}.time-display{font-size:12px}}.watch-page{min-height:100vh;background:var(--netflix-black)}.back-button{position:fixed;top:80px;left:20px;z-index:100;background:#000000b3;color:#fff;padding:10px 20px;border-radius:4px;font-size:16px;transition:background .2s}.back-button:hover{background:#000000e6}.watch-content{padding:40px 50px}.video-details{max-width:900px;margin-bottom:60px}.video-details h1{font-size:36px;margin-bottom:15px}.video-meta{display:flex;gap:15px;margin-bottom:20px;font-size:14px}.rating{border:1px solid white;padding:4px 8px;border-radius:2px}.description{font-size:16px;line-height:1.6;color:#fffc;margin-bottom:20px}.video-genres,.video-cast,.video-director{margin-bottom:10px;color:#fffc}.video-genres strong,.video-cast strong,.video-director strong{color:#fff;margin-right:10px}@media (max-width: 768px){.back-button{top:60px;left:10px;padding:8px 16px;font-size:14px}.watch-content{padding:20px}.video-details h1{font-size:24px}}.mylist-page{min-height:100vh;padding-top:100px;background:var(--netflix-black)}.mylist-header{padding:0 50px 40px}.mylist-header h1{font-size:48px;margin-bottom:10px}.mylist-header p{font-size:18px;color:var(--netflix-gray)}.empty-list{text-align:center;padding:100px 20px}.empty-list p{font-size:24px;margin-bottom:10px}.empty-subtitle{font-size:16px;color:var(--netflix-gray)}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:24px}@media (max-width: 768px){.mylist-page{padding-top:80px}.mylist-header{padding:0 20px 30px}.mylist-header h1{font-size:32px}.mylist-header p{font-size:14px}.empty-list p{font-size:18px}}.profile-page{min-height:100vh;background:var(--netflix-black);display:flex;justify-content:center;padding:100px 20px 50px}.profile-container{max-width:800px;width:100%}.profile-container h1{font-size:48px;margin-bottom:40px;border-bottom:2px solid var(--netflix-gray);padding-bottom:20px}.profile-section{display:flex;gap:40px;margin-bottom:40px}.profile-avatar img{width:120px;height:120px;border-radius:8px}.profile-info{flex:1}.info-row{display:flex;gap:20px;margin-bottom:20px;font-size:18px}.label{color:var(--netflix-gray);min-width:120px}.subscription{text-transform:capitalize;background:var(--netflix-red);padding:4px 12px;border-radius:4px;font-size:14px}.edit-btn{margin-top:20px;padding:12px 24px;background:#fff;color:#000;font-weight:600;border-radius:4px;transition:background .2s}.edit-btn:hover{background:#fffc}.profile-form{flex:1}.message{padding:12px;background:#ffffff1a;border-radius:4px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--netflix-gray)}.form-group input{width:100%;padding:12px;background:#333;border:none;border-radius:4px;color:#fff;font-size:16px}.form-actions{display:flex;gap:15px}.form-actions button{padding:12px 24px;border-radius:4px;font-weight:600}.form-actions button[type=submit]{background:var(--netflix-red);color:#fff}.form-actions button[type=button]{background:var(--netflix-gray);color:#fff}.profile-actions{border-top:1px solid var(--netflix-gray);padding-top:30px}.logout-btn{padding:12px 24px;background:transparent;border:1px solid var(--netflix-gray);color:#fff;border-radius:4px;transition:all .2s}.logout-btn:hover{background:#ffffff1a}@media (max-width: 768px){.profile-container h1{font-size:32px}.profile-section{flex-direction:column;gap:20px}.profile-avatar img{width:80px;height:80px}.info-row{flex-direction:column;gap:5px}.label{min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}:root{--netflix-red: #e50914;--netflix-black: #141414;--netflix-dark: #0b0b0b;--netflix-gray: #808080}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--netflix-black);color:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input{font-family:inherit;outline:none}::-webkit-scrollbar{width:10px;background-color:var(--netflix-dark)}::-webkit-scrollbar-thumb{background-color:var(--netflix-gray);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#999}