@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap";:root{--bg-color:#080706;--surface-color:#131110;--primary-color:#c4302b;--primary-hover:#d63b36;--text-main:#ede8df;--text-muted:#8a7f72;--accent-color:#c9a84c;--glass-bg:#14120e8c;--glass-border:#c9a84c1a;--font-heading:"Outfit", sans-serif;--font-body:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(at 50% 0,#c4302b2e,#0000 50%),radial-gradient(at 80% 100%,#c9a84c14,#0000 40%);min-height:100vh;line-height:1.6;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.01em}.nav-link{letter-spacing:.3px;font-size:1.05rem;text-decoration:none;transition:all .2s ease-in-out}.nav-link.active{color:var(--accent-color);font-weight:800}.nav-link.inactive{color:var(--text-main);font-weight:500}.nav-link.inactive:hover{color:var(--accent-color);transform:translateY(-1px)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.btn-primary{background:var(--primary-color);color:var(--text-main);font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #c4302b40}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #c4302b66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{color:var(--text-main);border:1px solid var(--glass-border);font-weight:600;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:8px;padding:10px 24px;transition:all .3s}.btn-outline:hover{border-color:var(--accent-color);color:var(--accent-color);background:#c9a84c0f}.btn-outline:disabled{opacity:.4;cursor:not-allowed}.text-gradient{background:linear-gradient(90deg, var(--text-main), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-accent-gradient{background:linear-gradient(90deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text}input,textarea,select{border:1px solid var(--glass-border);width:100%;color:var(--text-main);font-family:var(--font-body);background:#00000073;border-radius:8px;margin-top:8px;margin-bottom:16px;padding:12px 16px;transition:border-color .3s,box-shadow .3s}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #c9a84c26}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a7f72' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}label{color:var(--text-muted);font-size:.9rem;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#2a2520;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{white-space:nowrap;width:100%;padding:20px 0;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:10;pointer-events:none;width:100px;position:absolute;top:0;bottom:0}.marquee-container:before{background:linear-gradient(to right, var(--bg-color), transparent);left:0}.marquee-container:after{background:linear-gradient(to left, var(--bg-color), transparent);right:0}.marquee-track{gap:32px;padding-left:16px;animation:40s linear infinite scrollMarquee;display:inline-flex}.marquee-track:hover{animation-play-state:paused}.marquee-track>*{flex-shrink:0;width:320px}.film-strip-border{border-image:repeating-linear-gradient(to right, var(--glass-border) 0px, var(--glass-border) 8px, transparent 8px, transparent 16px) 1}@media (width<=640px){.navbar{margin:8px!important;padding:12px 16px!important;top:8px!important}.navbar-hamburger{display:block!important}.navbar-links{border-top:1px solid var(--glass-border);flex-direction:column;gap:10px;width:100%;margin-top:8px;padding-top:12px;display:none!important}.navbar-links--open{display:flex!important}.navbar-links a,.navbar-links .btn-outline,.navbar-links .btn-primary{text-align:center;width:100%;margin-right:0!important}.page-top-bar{gap:8px;padding:14px 16px!important}.page-top-bar>div:last-child{width:40px!important}.mobile-padding{padding:16px 12px!important}.mobile-heading{font-size:clamp(1.8rem,8vw,2.5rem)!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.mobile-stack-center{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.compact-poster{width:70px!important;height:105px!important}.detail-poster{margin:0 auto;width:180px!important;height:270px!important}.mobile-text-sm{font-size:.85rem!important}.mobile-line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.carousel-height{height:400px!important}.carousel-content{text-align:center;flex-direction:column;background:linear-gradient(#1a17141a 0%,#1a1714d9 50%,#1a1714f2 100%)!important;justify-content:flex-end!important;padding:24px 16px 48px!important}.carousel-poster,.hide-mobile{display:none!important}.carousel-info{margin-bottom:0!important;padding-right:0!important}.carousel-title{font-size:2rem!important}.carousel-meta{justify-content:center!important}.carousel-desc{-webkit-line-clamp:3;font-size:.9rem!important}}
