body{font-family:"Press Start 2P",cursive,Arial,sans-serif;background:linear-gradient(to bottom,#ffde00,#f0f0f0);margin:0;padding:0;color:#333}.page-container{max-width:1200px;margin:2rem auto;padding:1rem;background-color:#fffc;border-radius:15px;box-shadow:0 4px 15px #0000004d}.nav{background-color:#3b4cca;padding:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-radius:0 0 15px 15px}.nav .logo{font-size:1.2rem;color:#ffcb05;font-weight:700}.nav a{text-decoration:none;color:#ffcb05;font-weight:700;margin-left:1rem;transition:color .3s}.nav a:hover{color:#fff}.movie-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;padding:1rem}.movie-card{background-color:#fffcf0;border-radius:12px;box-shadow:0 4px 10px #0003;padding:1rem;text-align:center;transition:transform .3s,box-shadow .3s}.movie-card:hover{transform:scale(1.05);box-shadow:0 6px 15px #0000004d}.movie-card img{width:100%;border-radius:10px;margin-bottom:.5rem}form{display:flex;justify-content:center;margin:1rem 0;gap:.5rem;flex-wrap:wrap}input[type=text]{padding:.5rem;width:250px;border-radius:10px;border:2px solid #3b4cca;font-family:inherit}button{padding:.5rem 1rem;background-color:#ff1c1c;color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-weight:700}button:hover{background-color:#c00}h1,h2,h3{text-align:center;margin:.5rem 0}@media (max-width: 600px){.movie-list{grid-template-columns:1fr 1fr;gap:1rem}input[type=text]{width:180px}}.movie-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;gap:2rem;padding:2rem 1rem}body{font-family:Arial,sans-serif;margin:0;padding:16px;background:#f5f5f5}header{background:#222;color:#fff;padding:12px;margin-bottom:16px}nav a{color:#fff;margin-right:12px;text-decoration:none}.page-container img{display:block;margin:0 auto}.page-container button{padding:.5rem 1rem;border-radius:10px;border:none;background-color:#3b4cca;color:#ffcb05;font-weight:700;cursor:pointer}.page-container button:hover{background-color:#2a3790}.movie-card a{text-decoration:none;color:inherit;display:block}
