@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&display=swap";:root{--bg-color:#faf9f6;--card-bg:#fff;--input-bg:#f9f3ef;--btn-color:#d32f2f;--text-dark:#2d2d2d;--text-label:#1a1a1a;--border-radius:12px;--font-family:"Outfit", system-ui, sans-serif;--font-serif:"Playfair Display", serif}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);scroll-behavior:smooth;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:0;display:flex;position:relative}.hero-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.app-logo{object-fit:contain;z-index:10;width:120px;position:absolute;top:30px;right:40px}.app-container{width:420px;margin:20px}.folder-content{border:2px solid var(--btn-color);z-index:1;background:#fff;border-radius:12px;flex-direction:column;height:420px;padding:30px;display:flex;position:relative}.page-section{flex:1;width:100%;animation:.3s fadeIn;display:none}.page-section.active{flex-direction:column;justify-content:center;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.success-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;animation:.4s scaleIn;display:flex}.success-icon{width:80px;height:80px;margin-bottom:20px}.success-icon svg{width:100%;height:100%;animation:.5s checkmark}.success-title{color:#10b981;margin-bottom:8px;font-size:24px;font-weight:700}.success-message{color:#6b7280;font-size:14px}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.input-group{flex-direction:column;width:100%;margin-bottom:20px;display:flex}.input-group label{color:var(--text-label);letter-spacing:-.01em;margin-bottom:8px;font-size:14px;font-weight:600}.input-group input,.input-group select{background-color:var(--input-bg);border-radius:var(--border-radius);color:var(--text-dark);appearance:none;border:1px solid #0000;outline:none;width:100%;padding:10px 14px;font-size:15px;font-weight:500;transition:all .2s}.input-group input[type=date]{height:40px}.input-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.custom-select{width:100%;position:relative}.select-trigger{background-color:var(--input-bg);border-radius:var(--border-radius);cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;height:40px;padding:10px 14px;transition:all .2s;display:flex}.select-trigger:hover{border-color:var(--btn-color)}.select-trigger.active{border-color:var(--btn-color);box-shadow:0 0 0 4px #d32f2f1a}.select-value{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.select-value.placeholder{color:#8e8e8e}.chevron{color:#6b7280;flex-shrink:0;width:16px;height:16px;transition:transform .2s}.select-trigger.active .chevron{transform:rotate(180deg)}.select-options{border:1px solid var(--btn-color);border-radius:var(--border-radius);z-index:100;background:#fff;flex-direction:column;max-height:200px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.select-options.open{display:flex}.select-search{background:#fff!important;border:none!important;border-bottom:1px solid #e5e7eb!important;border-radius:0!important;padding:10px 14px!important;font-size:14px!important}.select-search:focus{box-shadow:none!important;border-color:#e5e7eb!important}.options-list{max-height:150px;overflow-y:auto}.option-item{color:var(--text-dark);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:10px 14px;font-size:14px;transition:background-color .15s;overflow:hidden}.option-item:hover{background-color:#fef2f2}.option-item.selected{background-color:var(--btn-color);color:#fff}.option-item.no-results{color:#9ca3af;cursor:default}.option-item.no-results:hover{background-color:#0000}.input-group input::placeholder{color:#8e8e8e}.input-group input:focus,.input-group select:focus{border-color:var(--btn-color);background-color:#fff;box-shadow:0 0 0 4px #d32f2f1a}.primary-btn{background-color:var(--btn-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;width:100%;margin-top:12px;padding:16px;font-size:16px;font-weight:700;transition:all .2s}.primary-btn:hover{background-color:#b71c1c}.history-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:40px;display:flex}.history-title{font-family:var(--font-serif);color:var(--text-label);font-size:26px;font-weight:800}.count-badge{color:#7a7a7a;background-color:#f3f1ed;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.empty-history{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;display:flex}.add-circle{border:2px dashed #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.plus-icon{color:var(--btn-color);font-size:36px;font-weight:300}.empty-history h3{color:#6b7280;margin-bottom:6px;font-size:18px;font-weight:500}.empty-history p{color:#9ca3af;font-size:14px}.accent-text{color:#4b5563;font-weight:700}.profile-card{width:100%}.profile-header{align-items:center;gap:20px;margin-bottom:30px;display:flex}.avatar{background-color:var(--btn-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 4px 12px #d32f2f33}.avatar svg{width:40px;height:40px}.user-info{flex-direction:column;gap:4px;display:flex}.info-line{color:#d1d5db;font-size:18px;font-weight:600}.status-msg{text-align:center;margin-top:16px;font-size:14px}#history-list{list-style:none}@media (width<=768px){body{padding:0}.app-logo{width:100px;top:20px;right:20px}.folder-content{height:auto;min-height:380px;padding:24px}.input-group{margin-bottom:16px}.primary-btn{padding:14px}}@media (width<=480px){.app-logo{width:80px;top:15px;right:15px}.folder-content{min-height:350px;padding:15px}.input-group label{font-size:13px}.input-group input,.input-group select{padding:12px 14px;font-size:14px}.primary-btn{padding:14px;font-size:15px}.success-icon{width:60px;height:60px}.success-title{font-size:20px}}@media (width<=360px){.folder-content{padding:16px}.input-group input,.input-group select{padding:10px 12px;font-size:13px}.primary-btn{padding:12px;font-size:14px}}.label-with-icon{align-items:center;gap:8px;display:flex}.info-icon{color:#6b7280;align-items:center;display:inline-flex;position:relative}.info-icon:hover{color:#374151}.info-icon:after{content:attr(title);color:#fff;opacity:0;visibility:hidden;z-index:1000;white-space:nowrap;text-align:center;background-color:#1f2937;border-radius:6px;margin-left:8px;padding:6px 10px;font-size:12px;font-weight:400;transition:opacity .2s,visibility .2s;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.info-icon:before{content:"";opacity:0;visibility:hidden;z-index:1000;border:6px solid #0000;border-right-color:#1f2937;margin-left:-4px;transition:opacity .2s,visibility .2s;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.info-icon:hover:after,.info-icon:hover:before{opacity:1;visibility:visible}.separator-container{flex-direction:column;align-items:center;gap:20px;width:100%;margin:40px 0;display:flex}.separator-line{background:linear-gradient(to bottom, var(--btn-color), transparent);width:2px;height:80px}.separator-icon{width:40px;height:40px;color:var(--btn-color);animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.about-section{box-sizing:border-box;width:100%;max-width:1000px;padding:80px 40px}.about-content{flex-direction:column;gap:60px;display:flex}.about-title{font-family:var(--font-serif);text-align:center;color:var(--text-label);margin-bottom:20px;font-size:48px;font-weight:800;position:relative}.about-title:after{content:"";background-color:var(--btn-color);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.about-logo{object-fit:contain;width:auto;height:44px}.about-description{text-align:center;color:#4b5563;max-width:800px;margin:0 auto;font-size:20px;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.feature-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-direction:column;align-items:center;padding:40px;transition:all .3s;display:flex}.feature-card:hover{border-color:var(--btn-color);transform:translateY(-10px);box-shadow:0 20px 40px #0000000d}.feature-icon{width:60px;height:60px;color:var(--btn-color);background:#fef2f2;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-icon svg{width:30px;height:30px}.feature-card h3{color:var(--text-label);margin-bottom:16px;font-size:22px;font-weight:700}.feature-card p{color:#6b7280;font-size:16px;line-height:1.5}.service-details{color:#fff;text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border-radius:32px;padding:60px}.service-details h2{font-family:var(--font-serif);color:#fff;margin-bottom:24px;font-size:32px}.service-details p{color:#d1d5db;max-width:700px;margin:0 auto;font-size:18px;line-height:1.7}.locations-section{background:#fff;border:1px solid #e5e7eb;border-radius:32px;flex-direction:column;gap:30px;padding:60px;display:flex}.location-header{justify-content:center;align-items:center;gap:15px;display:flex}.location-icon{width:32px;height:32px;color:var(--btn-color)}.location-header h2{font-family:var(--font-serif);color:var(--text-label);font-size:32px}.location-intro{text-align:center;color:#4b5563;font-size:18px;font-weight:500}.cinema-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.cinema-item{background:var(--input-bg);border:1px solid #0000;border-radius:20px;flex-direction:column;gap:8px;padding:24px;transition:all .2s;display:flex}.cinema-item:hover{border-color:var(--btn-color);background:#fff;transform:translateY(-4px);box-shadow:0 10px 20px #0000000d}.cinema-brand{color:var(--btn-color);text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700}.cinema-name{color:var(--text-label);font-size:16px;font-weight:600;line-height:1.4}.location-cta{text-align:center;color:#6b7280;border-radius:16px;padding:20px;font-size:16px;line-height:1.6}.location-cta a{color:var(--btn-color);border-bottom:2px solid #d32f2f33;padding-bottom:1px;font-weight:700;text-decoration:none;transition:all .2s}.location-cta a:hover{border-bottom-color:var(--btn-color);background:#d32f2f0d}@media (width<=768px){.locations-section{padding:40px 24px}.about-title{font-size:36px}.about-section{padding:60px 20px}.feature-card{padding:30px}.service-details{padding:40px 30px}}.app-footer{background-color:#fff;border-top:1px solid #e5e7eb;width:100%;margin-top:40px;padding:60px 20px}.footer-content{flex-direction:column;align-items:center;gap:24px;max-width:1000px;margin:0 auto;display:flex}.tagline{font-family:var(--font-serif);color:var(--text-label);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.footer-logo{object-fit:contain;width:auto;height:32px}.footer-divider{background-color:var(--btn-color);opacity:.3;width:40px;height:2px}.copyright{color:#9ca3af;letter-spacing:.05em;font-size:14px}@media (width<=480px){.tagline{gap:8px;font-size:18px}.footer-logo{height:24px}.app-footer{padding:40px 20px}}