.align-center{display:flex;justify-content:center;align-items:center}#logo{width:100px;max-width:100%;height:auto}.star{font-size:2rem;color:gray;cursor:pointer;transition:color .3s ease}.star.selected{color:orange}.top-films{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:2rem 1rem;background-color:#f9f9f9}.top-film-card{position:relative;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;max-width:250px;width:100%;transition:transform .3s ease,box-shadow .3s ease;text-align:center;padding:1rem;cursor:pointer}.top-film-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.top-film-card img{width:100%;height:auto;border-radius:8px;object-fit:cover}.top-film-card h3{font-size:1.1rem;margin:.7rem 0 .3rem;color:#333;font-weight:700}.top-film-card p{margin:.3rem 0 .8rem;color:#666;font-size:.95rem}.top-film-card a{text-decoration:none;color:inherit}.top-rank-badge{position:absolute;top:10px;left:10px;background:#ff4757;color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.9rem;box-shadow:0 2px 6px #00000040}.category-button{width:100%;background-color:#f0f0f0;border:none;padding:1rem 1.2rem;font-size:1.2rem;font-weight:700;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:6px;transition:background-color .3s ease;margin-bottom:.5rem;color:#000!important}.category-button:hover{background-color:#e0e0e0}.arrow{width:20px;height:20px;fill:#555;transition:transform .3s ease}.arrow.rotate{transform:rotate(180deg)}.category-content{overflow:hidden;transition:max-height .5s ease,opacity .5s ease;max-height:0;opacity:0;padding:0 1rem}.category-content.open{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;max-height:5000px;opacity:1;padding:1rem}.movie-card{border:1px solid #ddd;border-radius:8px;padding:1rem;background-color:#fafafa;display:flex;flex-direction:column;align-items:center;text-align:center;transition:box-shadow .3s ease}.movie-card:hover{box-shadow:0 6px 14px #0000001a}.movie-card h3{margin:.5rem 0 .3rem;font-size:1rem;font-weight:700;color:#222}.movie-card img{border-radius:6px;margin:.5rem 0;max-width:100%;object-fit:cover}@media (max-width: 768px){nav{height:auto;flex-direction:column;gap:.5rem;padding:1rem}nav a{font-size:1.1rem}.top-films,.category-content.open{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:1rem .5rem}.top-film-card,.movie-card{max-width:100%}}@media (max-width: 480px){nav a{font-size:1rem}.category-button{font-size:1rem;padding:.8rem 1rem}.arrow{width:18px;height:18px}}.news-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem 0}.news-card{background-color:#fff;box-shadow:0 2px 8px #0000001a;border-radius:8px;padding:1rem;display:flex;flex-direction:column;transition:box-shadow .3s ease;cursor:pointer}.news-card:hover{box-shadow:0 6px 14px #00000026}.news-card img{width:100%;border-radius:6px;margin-bottom:.7rem;object-fit:cover;height:auto}.news-card h2{font-size:1.1rem;font-weight:700;margin-bottom:.3rem;color:#222}.news-card p{font-size:.9rem;color:#555;margin-bottom:.4rem;line-height:1.3}.news-card .release-date{font-size:.85rem;color:#999;margin-bottom:.6rem}@media (min-width: 768px){.news-container{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.news-container{grid-template-columns:1fr}.news-card{padding:.8rem}}.top-critique-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.top-critique-item{position:relative;background:#fff;border-radius:8px;padding:1rem 1.5rem 1rem 3rem;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease;cursor:default}.top-critique-item:hover{box-shadow:0 6px 14px #00000026}.top-critique-item h3{margin:0;font-size:1.1rem;font-weight:600;color:#222}.top-critique-rank{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:#ff4757;color:#fff;font-weight:700;font-size:1rem;width:28px;height:28px;line-height:28px;border-radius:50%;text-align:center;box-shadow:0 2px 6px #0003}@media (max-width: 600px){.top-critique-list{grid-template-columns:1fr}}.login-container{max-width:400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 6px 16px #0000001a;font-family:Arial,sans-serif}.login-container form{display:flex;flex-direction:column;gap:1.5rem}.login-container input[type=email],.login-container input[type=password]{padding:.75rem 1rem;font-size:1rem;border:2px solid #ccc;border-radius:6px;transition:border-color .3s ease}.login-container input[type=email]:focus,.login-container input[type=password]:focus{border-color:#ff4757;outline:none}.login-container button{background-color:#ff4757;color:#fff;padding:.85rem;border:none;border-radius:6px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.login-container button:hover{background-color:#e43e4d}@media (max-width: 480px){.login-container{margin:1rem;padding:1.5rem}}.container{max-width:900px;margin:2rem auto;padding:1rem;font-family:Arial,sans-serif;background:#fff;border-radius:10px;box-shadow:0 6px 16px #0000001a}.movie-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;margin-bottom:1rem}.movie-header img{max-width:150px;border-radius:8px;flex-shrink:0}.movie-details{flex:1;min-width:250px}.movie-details h3{margin-top:0;font-size:1.5rem;color:#222}.movie-details p{margin:.4rem 0;color:#444;line-height:1.4}.movie-details a{color:#ff4757;text-decoration:none;font-weight:700}.movie-details a:hover{text-decoration:underline}input[type=submit]{background-color:#ff4757;color:#fff;border:none;padding:.7rem 1.4rem;border-radius:6px;font-weight:700;cursor:pointer;transition:background-color .3s ease}button:hover,input[type=submit]:hover{background-color:#e43e4d}#rating{margin:1rem 0;font-size:1.6rem;color:#ccc;cursor:pointer}#rating .star.selected{color:#ffb400}textarea{width:100%;min-height:100px;padding:.6rem;font-size:1rem;border-radius:6px;border:1px solid #ccc;resize:vertical;margin-bottom:1rem}.critique{border-top:1px solid #ddd;padding-top:1rem;margin-top:1rem}.critique p,.critique h1{margin:.3rem 0}.critique h1{font-size:1.3rem;color:#ffb400}.like-button,.dislike-button{background:#eee;border:none;padding:.3rem .8rem;margin-right:.5rem;border-radius:5px;cursor:pointer;font-size:.9rem}.like-button:hover{background:#c1e1c1}.dislike-button:hover{background:#f1c1c1}@media (max-width: 600px){.movie-header{flex-direction:column;align-items:center}.movie-details{min-width:100%}}.admin-container{padding:1rem;background-color:#f9f9f9}.admin-refresh-form{margin-bottom:1.5rem;text-align:center}.btn-refresh{background-color:#3b82f6;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.btn-refresh:hover{background-color:#3b82f6}.admin-movie-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.admin-movie-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;max-width:280px;padding:1rem;text-align:center;transition:box-shadow .3s ease,transform .2s ease}.admin-movie-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.admin-movie-link h3{margin:0;color:#222;font-size:1.2rem}.admin-movie-link img{width:100%;height:auto;border-radius:8px;margin-top:.6rem}.admin-movie-card p{margin-top:.5rem;color:#555;font-weight:500}.admin-delete-form{margin-top:1rem}.btn-delete{background-color:#ef4444;color:#fff;border:none;padding:8px 15px;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.btn-delete:hover{background-color:#b91c1c}@media (max-width: 600px){.admin-movie-list{flex-direction:column;align-items:center}.admin-movie-card{max-width:90%}}.rotate-90{transform:rotate(90deg);transition:transform .2s ease}.progress-bar-container{width:100%;height:100%;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center}#progress-bar{width:30%;margin-top:.5%;height:2%}footer{margin-top:20vh;background:url(image/homepage-one-banner.jpeg) no-repeat;background-size:cover;background-position:right center;height:30vh}div.transbox{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#000;height:30vh;opacity:.6}footer h2{color:#fff;font-weight:400;padding:20px}.btn-contact{text-decoration:none;background-color:#207cca;color:#fff;font-weight:400;padding:20px}.banner{background-color:#848484;display:flex;justify-content:center;align-items:center;height:15vw}.banner h2{color:#fff}.bg-about{display:flex;justify-content:center;flex-direction:column;align-items:baseline;padding-top:10vh}.a{text-decoration:none}.container-jeux{padding-top:10vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.container-jeux div{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:50px}.container-jeux div a{text-decoration:none}.form-control.main{background:transparent;border:1px solid #b3b3b3;border-radius:0;font-size:.9375rem;padding:15px 20px;margin-bottom:20px;color:#b3b3b3;width:clamp(70px,32vw,32vw)}.form-control.main:focus{border:1px solid #207cca}.form-control.white{background:#fff;color:#222}.btn{text-transform:uppercase;font-family:Montserrat,sans-serif;transition:all .3s ease}.btn-main-md{padding:15px 40px;border-radius:0;background:#207cca;color:#fff;outline:none;font-size:.9375rem}.section{padding-top:20vh;display:flex;justify-content:center;align-items:center;flex-direction:column}#display{display:none}label{color:#fff;font-size:2rem}.container-titre{display:flex;justify-content:center;align-items:center;flex-direction:column;background-image:url(image/globe-6858907_640.webp);background-size:cover;background-position:80% 60%;height:80vh;width:100%}.container-titre h1{color:#207cca;font-size:10vh}.container-titre h2{color:#fff;font-size:8vh}.content-block{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;width:clamp(300px,32vw,32vw)}.container-img{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding-top:20vh;gap:40px}.container-img img{border-radius:80%;width:clamp(300px,32vw,32vw);min-width:150px}.alternate{color:#207cca;font-style:italic;font-weight:400}.content-block h2{font-size:2rem}.container-container{padding-top:20vh;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:50px}