body{opacity:0;transition:opacity .45s,transform .45s;animation:.45s forwards fadeInPage}body.fade-out{opacity:0;transform:translateY(-24px)}@keyframes fadeInPage{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.7s both fadeInUp}.seat-card{flex-direction:column;gap:1.5rem;display:flex}.seat-grid{gap:1rem;display:grid}.seat-row{grid-template-columns:minmax(40px,auto) minmax(0,1fr);align-items:center;gap:1rem;display:grid}.row-label{color:#cbd5e1;letter-spacing:.15em;text-transform:uppercase;text-align:right;font-weight:700}.row-seats{grid-template-columns:repeat(16,minmax(0,1fr));justify-content:center;gap:.25rem;display:grid}@media (width>=640px){.row-seats{gap:.5rem}}.seat-btn{color:#e2e8f0;z-index:40;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;width:64px;height:56px;font-weight:700;transition:transform .22s cubic-bezier(.2,.9,.2,1),box-shadow .22s;display:inline-flex;position:relative;overflow:visible}.seat-svg{-o-object-fit:contain;object-fit:contain;opacity:1;filter:drop-shadow(0 10px 18px #0009);width:100%;height:100%}.seat-btn:before{content:none}.seat-btn .seat-number{z-index:45;letter-spacing:.03em;font-size:.78rem;position:relative}.seat-btn:hover:not(:disabled){transform:translateY(-6px)scale(1.02)}.seat-btn:hover:not(:disabled):after{content:attr(data-price);letter-spacing:.02em;white-space:nowrap;color:#f8fafc;background:#111827f5;border:1px solid #ffffff1f;border-radius:9999px;padding:.36rem .88rem;font-size:.72rem;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 14px 32px #00000059}.seat-btn:disabled{cursor:not-allowed;opacity:.45}.seat-btn.selected{transform:translateY(-8px)scale(1.04);box-shadow:0 18px 60px #dc143c47,0 6px 22px #0009}.seat-btn.selected:after{content:"";pointer-events:none;z-index:44;background:linear-gradient(#dc143c2e,#dc143c14);border-radius:14px;position:absolute;inset:0}.cinema-screen{z-index:10;background:radial-gradient(1200px 300px at 50% 10%,#fffffff2,#ffffff1f 25%,#ffffff05 45%),linear-gradient(#ffffff0f,#ffffff05);border-radius:220px 220px 60px 60px/140px 140px 40px 40px;width:min(96%,1240px);height:120px;margin:2rem auto 0;position:relative;overflow:hidden;box-shadow:0 0 160px #ffffff59,inset 0 0 60px #ffffff2e}.cinema-screen:before{content:"SCREEN";color:#ffffff80;letter-spacing:.45em;text-transform:uppercase;z-index:1;font-size:.75rem;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.cinema-screen:after{content:"";filter:blur(32px);background:radial-gradient(circle,#ffffff38,#0000 60%);width:260%;height:120px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.booking-bar{opacity:0;pointer-events:none;z-index:70;background:linear-gradient(90deg,#fada4c,#ec9d05);border-radius:28px;max-width:1360px;margin:0 auto;padding:1rem 1.5rem;transition:transform .4s,opacity .4s;position:fixed;bottom:1rem;left:1rem;right:1rem;transform:translateY(120%);box-shadow:0 30px 80px #f9731638}.booking-bar.active{opacity:1;pointer-events:auto;transform:translateY(0)}.toast{color:#f8fafc;opacity:0;z-index:75;pointer-events:none;background:#0f172af2;border-radius:9999px;padding:.9rem 1.2rem;transition:opacity .3s,transform .3s;position:fixed;bottom:110px;left:50%;transform:translate(-50%)translateY(16px);box-shadow:0 30px 80px #00000059}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.hidden,.screen-shelf{display:none}.screen-shelf-inner{background:#ffffff14;border:1px solid #ffffff0f;border-radius:9999px;width:min(96%,1200px);padding:1rem 0;box-shadow:0 0 80px #ffffff1f}.screen-shelf-inner .screen-label{color:#f8fafc;letter-spacing:.4em;text-transform:uppercase;text-align:center;font-size:.95rem;font-weight:700;display:block}.bottom-basket{transition:transform .35s;transform:translateY(100%)}.bottom-basket.active{transform:translateY(0)}.bottom-basket{z-index:60;background:linear-gradient(90deg,#f6c21d,#f59e0b);width:100%;padding:1rem 1.5rem;position:fixed;bottom:0;left:0;box-shadow:0 -20px 60px #f9731638}.bottom-basket-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;display:flex}.bottom-basket .basket-info{color:#111827;align-items:center;gap:1.5rem;font-weight:700;display:flex}.bottom-basket .basket-info span{align-items:baseline;gap:.35rem;display:inline-flex}.bottom-basket button{min-width:180px}.payment-method-btn{color:#111827;background:#fff;border:1px solid #94a3b829;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 1.1rem;font-weight:700;transition:all .2s;display:inline-flex}.payment-method-btn.selected,.payment-method-btn:hover{color:#b91c1c;border-color:#b91c1c;box-shadow:0 18px 40px #b91c1c24}.pay-button{background:#9ca3af;transition:background-color .3s,transform .15s,box-shadow .2s}.pay-button.active{background:#b91c1c;transform:translateY(-1px);box-shadow:0 18px 40px #b91c1c2e}.card-brand-logo{opacity:.35;filter:grayscale(80%);transition:opacity .18s,transform .18s,filter .18s}.card-brand-logo.active-card{opacity:1;filter:none;transform:scale(1.05)}.signin-box{width:90%;height:auto;padding:40px;max-width:480px!important;margin:0 auto!important}.signin-container{height:auto;padding-bottom:50px}.signin-container .brand-header{margin-bottom:20px;font-size:32px}#signinForm label,#signinForm .input-group,#signinForm .remember-forgot,#signinForm .remember-row,#signinForm>div{text-align:left;box-sizing:border-box;flex-direction:column;align-items:flex-start;width:100%;display:flex}#signinForm input,.signin-box input,.signin-box .password-input,.signin-box .signin-submit-btn{box-sizing:border-box;width:100%!important}.signin-container .password-wrapper{width:100%;max-width:100%;margin:0;display:block;position:relative}#togglePassword{z-index:10;cursor:pointer;color:#a0aec0;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.fade-out,.fade-out-page{opacity:0;transition:opacity .45s,transform .45s;transform:translateY(-24px)}html{scroll-behavior:smooth}@media (width<=768px){.seat-row{grid-template-columns:1fr}.row-label{text-align:left}.seat-btn{width:36px;height:36px}}.signup-box{flex-direction:column;min-height:100%;padding:32px 24px 40px;display:flex;overflow-y:visible}.signup-box form,.signin-box form{gap:.5rem!important}.signin-box input,.signin-box textarea,.signin-box select{box-sizing:border-box;width:100%!important;max-width:100%!important;margin:0!important}.signup-box{width:100%;max-width:460px;margin:0 auto}.signup-box a{display:inline-block}.password-input{padding-right:2.5rem!important}.password-toggle-icon{color:#9ca3af;cursor:pointer;transition:color .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle-icon:hover{color:#f87171}.brand-header{color:#0000;background:linear-gradient(90deg,#ef4444,#ec4899);text-align:center;-webkit-background-clip:text;background-clip:text;margin:0 auto 1rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.25rem;font-weight:800}#signinForm input[type=email],#signinForm input[type=password]{text-align:left!important;border-width:1px!important;border-color:#94a3b859!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 15px!important;display:block!important}.signup-footer-link{text-align:center;color:#60a5fa;display:block;margin-top:20px!important}.signup-footer-link:hover{color:#3b82f6}.logo{width:60px!important;margin-bottom:5px!important}.form-logo img,.signup-logo img,.logo img{width:80px!important;height:auto!important;margin:0 auto!important;display:block!important}.heroSwiper{width:100%;height:100%;position:relative}.swiper-slide{justify-content:center;align-items:center;transition:opacity .5s;display:flex}.swiper-slide img{-o-object-fit:cover;object-fit:cover}.swiper-pagination{z-index:50!important;bottom:10px!important}.swiper-pagination-bullet{opacity:1!important;background:#888!important;border-radius:50%!important;width:10px!important;height:10px!important;margin:0 5px!important;transition:all .4s!important}.swiper-pagination-bullet-active{background:#ef4444!important;border-radius:5px!important;width:30px!important}
