.header{padding:20px 40px;background-color:#111;width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;box-shadow:0 4px 15px -5px #e50914b3}.header-logo{text-decoration:none;color:#e50914!important}.header h1{font-size:2.5rem;font-weight:700;margin:0}.header-nav{display:flex;align-items:center;gap:25px}.login-button{background-color:#e50914;color:#fff;padding:8px 17px;border-radius:4px;text-decoration:none;font-weight:700;transition:background-color .2s}.login-button:hover{background-color:#f6121d}.welcome-message{color:#ccc;font-family:sans-serif;font-size:1.1rem;font-weight:700}.nav-link{color:#e50914;text-decoration:none;font-weight:700;font-size:1.1rem;transition:color .2s}.nav-link:hover{color:#fff}.logout-button{background-color:transparent;border:1px solid #fff;color:#fff;padding:8px 17px;border-radius:4px;cursor:pointer;font-family:Oswald,sans-serif;font-size:1rem;transition:all .2s}.logout-button:hover{background-color:#fff;color:#111}.footer{background-color:#111;color:#888;padding:20px 40px;text-align:center;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.footer-left{display:flex;align-items:center;gap:10px}.footer-content p{margin:0}.footer-logo{font-size:1.5rem;color:#e50914;margin:0}.footer-link{color:#888;text-decoration:none;font-weight:700;transition:color .2s ease-in-out;font-family:sans-serif}.footer-link:hover{color:#fff}.search-bar{margin:30px 0;display:flex;justify-content:center}.search-bar input{padding:12px 20px;width:50%;max-width:500px;border:1px solid #333;border-radius:25px;background-color:#222;color:#fff;font-size:1rem;outline:none;transition:all .2s ease-in-out}.search-bar input:focus{border-color:#e50914;box-shadow:0 0 10px #e50914}.search-bar input::placeholder{color:#777}.movie-card{background-color:#1c1c1c;border-radius:8px;overflow:hidden;width:200px;cursor:pointer;position:relative;transition:all .3s ease-in-out;z-index:1}.movie-card:hover{transform:scale(1.15);z-index:10;box-shadow:0 10px 20px #000000b3}.movie-card img{width:100%;height:300px;object-fit:cover}.movie-info{padding:15px}.movie-info h3{font-size:1rem;color:#fff;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-info p{font-size:.8rem;color:#888;margin:0}.movie-card-link{text-decoration:none}.movie-list{display:flex;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;gap:15px;padding:10px 40px}.movie-list::-webkit-scrollbar{display:none}.category-row{margin-bottom:20px}.category-row h2{font-size:1.5rem;color:#fff;margin-bottom:15px;padding:0 40px}.homepage-content{padding:20px 0}.search-results-title{font-size:1.5rem;color:#fff;margin-bottom:20px;padding:0 40px}.detail-page{padding:40px;color:#fff}.back-link{color:#fff!important;text-decoration:none;margin-bottom:20px;display:inline-block;font-family:sans-serif;font-weight:700}.back-link:hover{text-decoration:underline}.detail-content{display:flex;gap:40px;align-items:flex-start}.detail-left-column{display:flex;flex-direction:column;align-items:center;width:300px;flex-shrink:0}.detail-poster{width:100%;height:auto;border-radius:10px}.watchlist-button{background-color:#e50914;color:#fff;border:1px solid #e50914;border-radius:4px;padding:12px 20px;font-family:Oswald,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:15px;width:100%;transition:all .2s}.watchlist-button:hover{background-color:#fff;color:#141414}.detail-info{display:flex;flex-direction:column}.detail-info h1{margin-top:0;font-size:2.5rem}.plot{line-height:1.6;max-width:600px;font-family:sans-serif;margin-bottom:30px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;margin-bottom:30px}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:.9rem;color:#888;margin-bottom:4px;font-family:sans-serif}.detail-value{font-size:1rem;font-family:sans-serif}.ratings{margin-top:10px;font-family:sans-serif}.ratings h3{margin-bottom:10px}.rating-source{margin-bottom:8px}.login-page{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{background-color:#000c;padding:50px 60px;border-radius:8px;width:100%;max-width:480px;color:#fff;text-align:center}.login-container h2{margin-bottom:25px;text-align:left;font-size:2rem}.login-container form{display:flex;flex-direction:column}.login-container input{background-color:#333;border:none;border-radius:4px;padding:15px;margin-bottom:20px;color:#fff;font-size:1rem}.login-form-button{background-color:#e50914;color:#fff;border:none;border-radius:4px;padding:15px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:10px;transition:background-color .2s}.login-form-button:hover{background-color:#f6121d}.signup-link{margin-top:30px;color:#8c8c8c;text-align:left;font-family:sans-serif}.signup-link a{color:#fff!important;text-decoration:none}.signup-link a:hover{text-decoration:underline}.signup-page{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:20px}.signup-container{background-color:#000c;padding:50px 60px;border-radius:8px;width:100%;max-width:480px;color:#fff;text-align:center}.form-logo{text-decoration:none;color:#e50914!important;display:block;margin-bottom:30px}.form-logo h1{font-size:3.5rem;margin:0}.signup-container h2{margin-bottom:25px;text-align:left;font-size:2rem}.signup-container form{display:flex;flex-direction:column}.signup-container input{background-color:#333;border:none;border-radius:4px;padding:15px;margin-bottom:20px;color:#fff;font-size:1rem}.signup-form-button{background-color:#e50914;color:#fff;border:none;border-radius:4px;padding:15px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:10px;transition:background-color .2s}.signup-form-button:hover{background-color:#f6121d}.login-link{margin-top:30px;color:#8c8c8c;text-align:left;font-family:sans-serif}.login-link a{color:#fff!important;text-decoration:none}.login-link a:hover{text-decoration:underline}.contact-page{display:flex;justify-content:center;align-items:center;flex-grow:1;padding:40px;text-align:center}.contact-container{background-color:#000c;padding:50px;border-radius:8px;max-width:600px}.contact-container h1{margin-bottom:15px;font-size:2.5rem}.contact-container p{color:#b3b3b3;font-size:1.1rem;margin-bottom:40px}.contact-methods{display:flex;justify-content:center;gap:40px}.contact-method h3{margin-bottom:10px;color:#b3b3b3}.contact-method a{color:#fff;text-decoration:none;font-size:1.2rem;transition:color .2s}.contact-method a:hover{color:#e50914}.watchlist-page{padding:20px 40px}.watchlist-page h1{font-size:2.5rem;margin-bottom:20px}.watchlist-message{text-align:center;margin-top:50px;color:#ccc}.app{background-color:#141414;color:#fff;min-height:100vh;display:flex;flex-direction:column}.main-content{flex-grow:1;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box;font-family:Oswald,sans-serif}html,body,#root{height:100%}