html,body{font-family:Inter,sans-serif;color:#eee5e9;margin:0;padding:1rem;background-color:#0c0a3e}h1,h2,h3,h4,h5,h6{margin-top:1.5rem;margin-bottom:1rem}p{margin-bottom:1rem;font-size:1rem}a{color:#e94560;text-decoration:none}a:hover{text-decoration:underline}div{margin-bottom:1.5rem}input,select,textarea{box-sizing:border-box;margin-bottom:1rem}button{cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;transition:all .3s ease}main,section{max-width:1200px;margin:0 auto;padding:1rem}*{box-sizing:border-box}.header-container{width:100%;max-width:100vw;background-color:#0c0a3e;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;box-sizing:border-box;box-shadow:0 4px 8px #0006;position:sticky;top:0;z-index:1000}.logo{font-family:Inter,sans-serif;font-size:2rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.2rem}.logo-cine{color:#eee5e9}.logo-mão{color:#e94560;font-style:italic}.nav-buttons{display:flex;gap:.8rem}.nav-btn{font-family:Inter,sans-serif;background-color:#e94560;color:#0c0a3e;border:none;padding:.6rem 1.2rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 6px #0000004d}.nav-btn:hover{background-color:#ff5a78;transform:translateY(-2px);box-shadow:0 5px 12px #00000080}@media (max-width: 768px){.header-container{padding:.8rem 1rem;justify-content:center;flex-direction:column}.logo{font-size:2.2rem;justify-self:center}.nav-buttons{gap:.5rem}.nav-btn{padding:.5rem 1rem;font-size:.85rem}}@media (max-width: 480px){.header-container{flex-direction:column;align-items:center;gap:.6rem;justify-content:center}.nav-buttons{width:100%;justify-content:space-around}.nav-btn{flex:1;text-align:center}}.page-container{display:flex;flex-direction:column;justify-content:flex-end;background-color:#0c0a3e;color:#eee5e9;font-family:Inter,sans-serif;font-size:.9rem;box-sizing:border-box;text-align:center}.page-container a{color:#e94560;text-decoration:none;transition:color .3s ease}.page-container a:hover{color:#ff5a78}@media (max-width: 768px){.page-container{font-size:.8rem;padding:1.5rem 1rem}}@media (max-width: 480px){.page-container{font-size:.7rem;padding:1rem .5rem}.page-container a{display:block;margin:.3rem 0}}.form-login{display:flex;flex-direction:column;gap:15px;width:100%}.form-login input{width:100%;padding:12px 15px;border-radius:8px;border:1px solid #e94560;background-color:#12103b;color:#eee5e9;font-size:1rem;transition:border-color .2s}.form-login input::placeholder{color:#aaa}.form-login input:focus{border-color:#e94560;background-color:#1a1740;outline:none}.form-login button{width:100%;padding:12px 0;font-size:1rem;font-weight:700;border-radius:8px;border:none;background-color:#e94560;color:#eee5e9;cursor:pointer;transition:background-color .2s}.form-login button:hover{background-color:#d73250}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;max-width:380px;width:90%;margin:50px auto;padding:40px 30px;background-color:#0c0a3e;border-radius:12px;box-shadow:0 0 20px #4663ac4d;color:#eee5e9;text-align:center;font-family:Inter,sans-serif}.container h1{font-size:2.5rem;margin-bottom:25px;color:#e94560}.form-cadastro{display:flex;flex-direction:column;gap:15px;width:100%}.form-cadastro input{width:100%;padding:12px 15px;border-radius:8px;border:1px solid #e94560;background-color:#12103b;color:#eee5e9;font-size:1rem;transition:border-color .2s}.form-cadastro input::placeholder{color:#aaa}.form-cadastro input:focus{border-color:#e94560;background-color:#1a1740;outline:none}.form-cadastro button{width:100%;padding:12px 0;font-size:1rem;font-weight:700;border-radius:8px;border:none;background-color:#e94560;color:#eee5e9;cursor:pointer;transition:background-color .2s}.form-cadastro button:hover{background-color:#d73250}.login{display:flex;flex-direction:row;gap:5px;margin-top:15px;justify-content:center}.login p{margin:0;color:#eee5e9}.login a{color:#e94560;text-decoration:none;font-weight:700}.login a:hover{text-decoration:underline;color:#d73250}@media (max-width: 400px){.container{padding:30px 20px}.container h1{font-size:2rem}}.cinema-container{padding:10px;background-color:#0c0a3e;min-height:100vh;color:#eee5e9;font-family:Inter,sans-serif}.cinema-title{text-align:center;font-size:2.5rem;margin-bottom:30px;text-shadow:2px 2px 8px rgba(0,0,0,.7)}.cinema-gallery{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;align-items:center;min-height:330px}.cinema-card{position:relative;width:220px;height:330px;border-radius:12px;background-size:cover;background-position:center;cursor:pointer;overflow:hidden;box-shadow:0 6px 20px #000000b3;transition:transform .3s,box-shadow .3s}.cinema-card:hover{transform:scale(1.07);box-shadow:0 10px 30px #000000e6}.spinner{border:6px solid #f3f3f3;border-top:6px solid #e94560;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@media (max-width: 600px){.cinema-card{width:160px;height:240px}.cinema-movie-title{font-size:1rem}.cinema-movie-sinopse{font-size:.75rem}}.container-form{background-color:#0c0a3e;color:#eee5e9;font-family:Inter,sans-serif;max-width:500px;width:90%;margin:2rem auto;padding:2rem;border-radius:12px;box-shadow:0 6px 20px #00000080;display:flex;flex-direction:column;gap:1.5rem}.container-form h2{text-align:center;color:#e94560;font-size:2rem;margin-bottom:1rem}.container-form input,.container-form select{width:100%;padding:12px;font-size:1rem;border-radius:8px;border:2px solid #e94560;background-color:#0c0a3e;color:#eee5e9;outline:none;transition:all .3s ease}.container-form input:focus,.container-form select:focus{border-color:#f67;background-color:#1a164d}.container-form button{width:100%;padding:14px;font-size:1.1rem;font-weight:600;color:#0c0a3e;background-color:#e94560;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.container-form button:hover{background-color:#f67;color:#fff}.container-form form{display:flex;flex-direction:column;gap:1rem}.container-form p{color:#eee5e9;font-size:1rem}.container-form select option{background-color:#0c0a3e;color:#eee5e9}@media (max-width: 600px){.container-form{padding:1.5rem}.container-form h2{font-size:1.5rem}.container-form button{font-size:1rem;padding:12px}}.ola{display:flex;flex-direction:row;align-self:center;gap:7px}.ola p{font-size:3rem;margin:0;color:#fff}.ola span{font-weight:700;font-size:3rem;text-align:center;margin:0;color:#e94560;font-family:Inter,sans-serif}.perfil-container{max-width:600px;margin:2rem auto;padding:2rem;background-color:#0c0a3e;color:#eee5e9;font-family:Inter,sans-serif;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem}.perfil-container h2{font-size:1.5rem;margin-bottom:.5rem;color:#eee5e9}.perfil-container p{align-self:center;font-weight:600}.reservas-item{padding:.8rem 1rem;background-color:#1a164d;border-radius:8px;margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:center}.reservas-item p{margin:0;color:#eee5e9}.reservas-item .reserva-valor{color:#e94560;font-weight:700}.perfil-form{display:flex;flex-direction:column}.perfil-form input{padding:.8rem 1rem;border-radius:8px;border:2px solid #e94560;outline:none;background-color:#0c0a3e;color:#eee5e9;font-size:1rem}.perfil-form input:focus{border-color:#ff6078}.perfil-form h2{color:#e94560}.perfil-container button:not(.handleReservas){font-family:Inter,sans-serif;background-color:#e94560;color:#0c0a3e;border:none;padding:.8rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d;margin-bottom:10px}.perfil-container button:not(.handleReservas):hover{background-color:#ff5a78;transform:translateY(-3px);box-shadow:0 6px 15px #00000080}.handleReservas{font-family:Inter,sans-serif;background-color:#1a164d;border-radius:12px;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;border:2px solid transparent;width:100%;text-align:left;box-shadow:0 4px 10px #0000004d}.handleReservas:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000080;background-color:#2a2360;border-color:#e94560}.handleReservas p{margin:0;font-size:1rem;line-height:1.4;color:#eee5e9}.handleReservas p.filme{font-weight:700;font-size:1.2rem;color:#e94560}.handleReservas .label{font-weight:700;color:#e94560}.handleReservas .valor{font-weight:700;color:#fff}@media (max-width: 1024px){.ola p,.ola span{font-size:2.5rem}.perfil-container{max-width:90%;padding:1.8rem}.perfil-container h2{font-size:1.4rem}.perfil-form input{font-size:.95rem;padding:.7rem .9rem}.perfil-container button:not(.handleReservas){font-size:1rem;padding:.7rem 1.8rem}.handleReservas p{font-size:.95rem}.handleReservas p.filme{font-size:1.1rem}}@media (max-width: 768px){.ola p,.ola span{font-size:2rem}.perfil-container{max-width:95%;padding:1.5rem}.perfil-container h2{font-size:1.3rem}.perfil-form input{font-size:.9rem;padding:.6rem .8rem}.perfil-container button:not(.handleReservas){font-size:.95rem;padding:.6rem 1.5rem}.handleReservas p{font-size:.9rem}.handleReservas p.filme{font-size:1rem}}@media (max-width: 480px){.ola{flex-direction:column;gap:5px;align-items:center}.ola p,.ola span{font-size:1.8rem}.perfil-container{padding:1rem}.perfil-container h2{font-size:1.2rem}.perfil-form input{font-size:.85rem;padding:.5rem .7rem}.perfil-container button:not(.handleReservas){font-size:.9rem;padding:.5rem 1.2rem}.handleReservas p{font-size:.85rem}.handleReservas p.filme{font-size:.95rem}}.sessoes-container{max-width:900px;margin:0 auto;padding:2rem;color:#eee5e9;font-family:Inter,sans-serif;text-align:center}h1{color:#e94560;margin-bottom:.5rem}h2{margin-top:2rem;margin-bottom:1rem;color:#e94560}.sessoes-list{display:flex;flex-direction:column;gap:1rem;align-items:center}.sessao-card{width:100%;max-width:500px;background-color:#2a2360;border-radius:12px;box-shadow:0 4px 10px #0000004d;transition:transform .2s,box-shadow .2s}.sessao-button{font-family:Inter,sans-serif;background-color:#1a164d;border-radius:12px;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;border:2px solid transparent;width:100%;text-align:left;box-shadow:0 4px 10px #0000004d}.sessao-button:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000080;background-color:#2a2360;border-color:#e94560}.sessao-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;font-weight:700}.sessao-info p{margin:0;font-size:1rem;line-height:1.4;color:#e94560}.sessao-info span{font-weight:700;color:#fff}.sessao-info p.filme{font-size:1.2rem}.no-sessoes{margin-top:2rem;color:#aaa;font-size:1.1rem}@media (max-width: 600px){.sessoes-container{padding:1rem}.sessoes-list{gap:1rem}.sessao-card{max-width:100%;padding:.8rem}.sessao-button{padding:.8rem 1rem;font-size:.95rem;gap:.5rem}.sessao-info{gap:.4rem}.sessao-info p.filme{font-size:1rem}h1,h2{font-size:1.4rem}.no-sessoes{font-size:1rem}.spinner{width:40px;height:40px;border-width:3px}}.filme-container{max-width:900px;margin:0 auto;padding:2rem;color:#eee5e9;font-family:Inter,sans-serif;text-align:center}.filme-titulo{color:#e94560;font-size:2rem;margin-bottom:1rem}.filme-sinopse{font-size:1.2rem;margin-bottom:1.5rem;line-height:1.5;color:#ccc}.filme-detalhes{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;font-weight:500}.detalhe-label{font-weight:700;color:#e94560;margin-right:5px}.filme-sessoes{margin-top:2rem}.spinner-center{display:flex;justify-content:center;align-items:center;min-height:300px}.spinner{border:4px solid rgba(255,255,255,.2);border-top:4px solid #e94560;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.no-movie{text-align:center;color:#aaa;font-size:1.2rem;margin-top:3rem}.container-cadeiras{display:flex;flex-direction:column;align-items:center;height:100vh;width:100%;box-sizing:border-box;justify-content:center}.cadeiras-container{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;color:#eee5e9;background:linear-gradient(145deg,#1a1a3e,#0f0f2a);border-radius:12px;height:75vh;width:100vh;box-sizing:border-box;overflow:hidden;gap:.5rem}.cadeiras-container h1{text-align:center;font-size:2rem;margin:0;text-shadow:1px 1px 4px rgba(0,0,0,.5)}.cadeiras-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;margin:0;padding:0}.cadeira-button{width:50px;height:50px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cadeira-button.ocupada{background-color:#e53935;cursor:not-allowed;opacity:.8}.cadeira-button:hover:not(.ocupada){transform:scale(1.05);box-shadow:0 4px 10px #0006}@media (max-width: 768px){.cadeira-button{width:30px;height:30px;font-size:.6rem}}@media (max-width: 480px){.cadeira-button{width:26px;height:26px;font-size:.5rem}}.resumo-container{max-width:400px;margin:2rem auto;padding:2rem;background-color:#0c0a3e;color:#eee5e9;font-family:Inter,sans-serif;border-radius:12px;display:flex;flex-direction:column;gap:1rem;text-align:center}.resumo-container h1{font-size:2rem;margin-bottom:1rem;color:#e94560}.resumo-item{font-size:1rem;margin:0;color:#e94560;font-weight:700}.resumo-valor{font-weight:700;color:#fff}.confirmar-button{margin-top:1rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;color:#0c0a3e;background-color:#e94560;border:none;border-radius:8px;cursor:pointer;transition:.2s}.confirmar-button:hover{background-color:#ff6078}.spinner{border:6px solid #eee5e9;border-top:6px solid #e94560;border-radius:50%;width:50px;height:50px;margin:2rem auto;animation:spin 1s linear infinite}.spinner{border:4px solid rgba(255,255,255,.2);border-top:4px solid #e94560;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0c0a3eb3;display:flex;justify-content:center;align-items:center;z-index:9999}.reserva{display:flex;flex-direction:column;align-self:start;font-family:Inter,sans-serif;background-color:#1a164d;border-radius:12px;padding:.7rem 1.5rem;gap:.5rem;border:2px solid transparent;box-shadow:0 4px 10px #0000004d;width:50%;margin:20px auto}.reserva h1{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.reserva-destaque{color:#e94560}.label{color:#e94560;font-weight:700;font-size:1.2rem}.valor{font-weight:700;font-size:1.2rem}.deletar{width:100%;padding:12px 0;font-size:1rem;font-weight:700;border-radius:8px;border:none;background-color:#e94560;color:#eee5e9;cursor:pointer;transition:background-color .2s}.deletar:hover{background-color:#d73250}@media (max-width: 1024px){.reserva{width:70%}}@media (max-width: 768px){.reserva{width:90%;padding:1rem}.label,.valor{font-size:1.5rem}}@media (max-width: 480px){.reserva{width:95%;padding:.8rem}.label,.valor{font-size:1.2rem}.deletar{font-size:.9rem;padding:10px 0}}