@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--dark-blue: #273645;--light-blue: #314253;--accent: #50defa}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--dark-blue);color:#fff}h1{text-align:center;font-weight:500}header{padding:1.5rem 2rem;border-bottom:2px solid var(--light-blue)}header nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}header nav a{display:flex;font-size:3rem;color:#fff}header nav ul{display:flex;align-items:center;gap:1rem;list-style-type:none}header nav li{display:flex}header nav ul li a{padding:10px 15px;text-decoration:none;text-transform:uppercase;font-size:1rem;font-weight:500;color:#fff;transition:.3s}header nav ul li a.active{color:var(--accent)}header nav ul li a:not(.active):hover{color:var(--accent)}#homepage,#favorites-page{display:flex;flex-direction:column;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:2rem 2rem 3rem}#homepage form{display:flex;align-items:center;gap:12px;padding:1.1rem 1.5rem;background-color:var(--light-blue);border-radius:35px}#homepage form input{padding:8px 10px;width:280px;border:none;border-radius:20px;font-size:1rem}#homepage form button{display:flex;padding:8px 15px;border:none;border-radius:20px;background-color:var(--accent);color:var(--dark-blue);font-weight:600;font-size:1.2rem;cursor:pointer;transition:.3s}#homepage form button:hover{background-color:#fff}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;justify-items:center;width:100%}.movie-card{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:250px;padding:1rem;border-radius:10px;background-color:var(--light-blue)}.card-img-container{width:100%;height:310px;overflow:clip}.card-img-container img{width:100%}.movie-card div{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;text-align:center;height:100%}.movie-card div h2{font-weight:600;font-size:1.2rem}.movie-card div a{text-decoration:none;color:var(--dark-blue);font-weight:600;font-size:.9rem;background-color:var(--accent);border:2px solid transparent;padding:5px 12px;border-radius:20px;transition:.3s}.movie-card div a:hover{color:var(--accent);background-color:transparent;border:2px solid var(--accent)}#pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}#pagination button{width:30px;height:30px;border-radius:10px;border:2px solid var(--accent);background-color:transparent;color:var(--accent);font-weight:500;cursor:pointer;transition:.3s}#pagination button:not(.active):hover{color:#fff;border-color:#fff}#pagination button.active{background-color:var(--accent);color:var(--dark-blue)}#movie-page{background-position:center;background-size:cover;background-repeat:no-repeat;min-height:100vh}.backdrop{width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#movie-container{display:flex;align-items:flex-start;gap:1.5rem;max-width:1200px;height:100%;margin:0 auto;padding:7rem 2rem 5rem;position:relative}#go-back-btn{display:flex;align-items:center;gap:8px;position:absolute;top:4rem;padding:3px 10px;color:var(--accent);font-size:1rem;font-weight:500;text-transform:uppercase;background-color:transparent;border:none;cursor:pointer;transition:.3s}#go-back-btn:hover{color:#fff}#movie-container>img{width:300px}#movie-info{display:flex;flex-direction:column;gap:14px}#movie-info h2{font-size:1.4rem;margin:8px 0;width:fit-content;padding-right:20px;border-bottom:2px solid var(--accent)}#movie-title-header{display:flex;align-items:center;gap:10px}#movie-title-header h1{font-size:2rem;text-align:start}#favorite-btn{display:flex;background-color:transparent;border:none;color:var(--accent);font-weight:500;font-size:2rem;cursor:pointer;transition:.3s}#favorite-btn:hover{color:#fff}#vote-avg{display:flex;align-items:center;gap:8px}#vote-avg #star{color:var(--accent)}#movie-overview{margin-bottom:20px}#cast-container>div{display:flex;gap:14px;flex-wrap:wrap}.actor-card{display:flex;flex-direction:column;align-items:center;gap:5px;width:70px}.actor-card img{width:100%}.actor-card span{font-size:.8rem;font-weight:500;text-align:center;padding:0 5px 5px}.favorited-movie-link{width:fit-content}.favorited-movie-card{width:100%;max-width:250px;padding:1rem;border-radius:10px;background-color:var(--light-blue)}.favorited-movie-card img{width:100%}#spinner{width:50px;height:50px;margin:3rem auto;border:8px solid var(--light-blue);border-top-color:var(--accent);border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#error-container{max-width:900px;margin:3rem auto;padding:2rem;text-align:center;font-weight:500;color:#f68989}@media screen and (max-width: 730px){#movie-container{flex-direction:column}#movie-container>img{align-self:center}}@media screen and (max-width: 435px){header{padding:1.5rem}h1{font-size:1.8rem}#homepage,#favorites-page{gap:3rem;padding:1.5rem}#homepage form{padding:1.1rem 1.5rem}#homepage form input{padding:8px 10px;width:100%;border:none;border-radius:20px;font-size:1rem}#movie-container{padding:7rem 1.5rem}#movie-container>img{width:100%}}