body{color:#fff;background-color:#000;margin:0;font-family:Arial,sans-serif}.app-background{background-color:#0000;background-image:linear-gradient(#000c,#000c),url(/backgrounds/netflix-style.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh}.movie-card{background:#fff;border-radius:8px;padding:16px;transition:transform .2s;box-shadow:0 4px 8px #0000001a}.movie-card h2{color:#333;margin:0 0 10px;font-size:1.2rem}.movie-card p{color:#555;margin:4px 0}.navbar{color:#fff;background:#222;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.nav-links{gap:20px;list-style:none;display:flex}.nav-links a{color:#fff;text-decoration:none}.searchbar{justify-content:center;margin:20px;display:flex}.searchbar input{border:1px solid #ccc;border-radius:4px;width:250px;padding:8px}.searchbar button{color:#fff;background:#222;border:none;border-radius:4px;margin-left:8px;padding:8px 12px}.logo{font-size:1.5rem}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.movie-card{background:#fff;border-radius:8px;transition:transform .2s;overflow:hidden;box-shadow:0 4px 8px #0000001a}.movie-card:hover{transform:translateY(-5px)}.poster{object-fit:cover;border-bottom:1px solid #ddd;width:100%;height:320px}.poster1{width:auto;max-width:none;height:auto;max-height:none;display:block}.movie-info{padding:12px}.movie-info h2{color:#333;margin:0 0 8px;font-size:1.1rem}.movie-info p{color:#555;margin:4px 0}.nav-arrows{justify-content:space-between;margin-bottom:20px;display:flex}.nav-arrows button{color:#fff;cursor:pointer;background-color:#333;border:none;border-radius:8px;padding:10px 20px;font-size:1.5rem;transition:transform .2s}.nav-arrows button:hover{background-color:#555;transform:scale(1.1)}.hero-banner{color:#fff;height:30vh;position:relative;overflow:hidden}.hero-video{object-fit:cover;filter:brightness(60%);width:100%;height:100%}.hero-overlay{max-width:600px;position:absolute;bottom:20%;left:5%}.hero-overlay h1{margin-bottom:10px;font-size:3rem}.hero-overlay p{margin-bottom:20px;font-size:1.2rem}.play-btn,.info-btn{cursor:pointer;border:none;border-radius:4px;margin-right:10px;padding:10px 20px;font-size:1rem}.play-btn{color:#fff;background-color:#e50914}.info-btn{color:#fff;background-color:#6d6d6eb3}