:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif;line-height:1.6;background-color:#111;color:#fff}a{text-decoration:none;color:inherit;background-color:#111}.movie-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1rem auto;max-width:1200px}.movie-card{height:100%;text-decoration:none;color:#fff;display:block;border-radius:16px;overflow:visible}.card-content{background-color:#1e1e1e;padding:12px;border-radius:16px;overflow:hidden;height:100%;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.movie-card:hover .card-content{transform:scale(1.05);box-shadow:0 0 20px #00ffc866}.card-content img{width:100%;height:100%;border-radius:12px;object-fit:cover;display:block}.card-content p{margin-top:10px;font-weight:500;text-align:center}.back-button{display:inline-block;padding:1rem;margin-bottom:-10px;background:#00ffc866;color:#fff;text-decoration:none;border-radius:8px;font-weight:700}.movie-detail{max-width:900px;margin:2rem auto;padding:1rem;background-color:#1a1a1a;border-radius:12px;color:#fff}.movie-detail .backdrop{width:100%;height:auto;border-radius:8px;margin-bottom:1.5rem}.movie-detail h1{font-size:2rem;font-weight:700;margin-bottom:1rem}.movie-detail p{font-size:1.1rem;margin-bottom:1rem;line-height:1.5}@media (max-width: 480px){.movie-detail h1{font-size:1.5rem}.movie-detail p{font-size:1rem}.movie-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}