@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}:root{--bg:#080a0f;--surface:#0e1117;--surface2:#161b24;--border:#1e2535;--accent:#e8b84b;--accent2:#c9752a;--text:#e8eaf0;--muted:#6b7280;--red:#e54545}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;height:100%;min-height:100vh}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.hero-section{width:100%;height:100svh;min-height:600px;position:relative;overflow:hidden}.hero-slide-bg{opacity:0;z-index:0;transition:opacity 1.6s;position:absolute;inset:0}.hero-slide-bg.active{opacity:1}.hero-content-row{z-index:2;justify-content:space-between;align-items:flex-end;gap:48px;padding:0 60px;display:flex;position:absolute;bottom:90px;left:0;right:0}.hero-content{flex:1;max-width:600px}.hero-poster-stack{flex-shrink:0;width:220px;height:330px;position:relative}.hero-poster-slide{opacity:0;align-items:flex-end;transition:opacity .9s;display:flex;position:absolute;inset:0}.hero-poster-slide.active{opacity:1}.hero-controls-center{z-index:3;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;bottom:32px;left:0;right:0}.hero-dots{align-items:center;gap:7px;display:flex}.hero-dot{cursor:pointer;background:#ffffff40;border:none;border-radius:3px;flex-shrink:0;width:6px;height:6px;padding:0;transition:width .35s,background .35s}.hero-dot.active{background:var(--accent);border-radius:3px;width:26px}.hero-arrow{color:#ffffffd9;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .18s,color .18s,border-color .18s;display:flex}.hero-arrow:hover{color:#fff;background:#ffffff38;border-color:#ffffff4d}.hero-trending-badge{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:.68rem;font-weight:700;display:inline-flex}.hero-trending-badge:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:3px;height:13px;display:block}.hero-gradient-lr{z-index:1;background:linear-gradient(90deg,#080a0ffa 0%,#080a0fbf 45%,#080a0f1a 100%);position:absolute;inset:0}.hero-gradient-tb{background:linear-gradient(to top, var(--bg) 0%, #080a0f80 30%, transparent 60%);z-index:1;position:absolute;inset:0}.hero-gradient-top{z-index:1;background:linear-gradient(#080a0fbf 0%,#0000 100%);height:160px;position:absolute;top:0;left:0;right:0}@media (max-width:900px){.hero-poster-stack{display:none}.hero-content-row{padding:0 28px;bottom:80px}}@media (max-width:600px){.hero-content-row{bottom:72px}.hero-controls-center{bottom:24px}}.navbar{z-index:50;-webkit-backdrop-filter:blur(24px);align-items:center;height:64px;padding:0 28px;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom:1px solid var(--border);background:#080a0feb;box-shadow:0 1px 24px #0006}.navbar-inner{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:1280px;margin:0 auto;display:grid}.navbar-logo{flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.navbar-logo-icon{background:var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 12px #e8b84b66}.navbar-logo-text{color:var(--text);letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700}.navbar-logo-text span{color:var(--accent)}.navbar-links{justify-content:center;align-items:center;gap:2px;display:flex}.navbar-nav-link{color:var(--muted);border-radius:7px;padding:6px 13px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .18s,background .18s;position:relative}.navbar-nav-link:hover{color:var(--text);background:#ffffff0d}.navbar-nav-link.active{color:var(--text);font-weight:600}.navbar-nav-link.active:after{content:"";background:var(--accent);border-radius:2px;width:18px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.navbar-right{justify-self:end;align-items:center;gap:8px;display:flex}.navbar-search-form{background:0 0;border:none;border-radius:9px;align-items:center;width:36px;height:36px;transition:width .28s,background .28s,border-color .28s;display:flex}.navbar-search-form.open{background:var(--surface2);border:1px solid var(--border);border-radius:9px;width:240px}.navbar-search-form.open:focus-within{border-color:#e8b84b73}.navbar-search-input{opacity:0;width:0;min-width:0;color:var(--text);pointer-events:none;background:0 0;border:none;outline:none;flex:1;padding:0 0 0 12px;font-family:DM Sans,sans-serif;font-size:.85rem;transition:opacity .2s}.navbar-search-form.open .navbar-search-input{opacity:1;pointer-events:auto;width:auto}.navbar-search-clear{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0 4px;transition:color .15s;display:flex}.navbar-search-clear:hover{color:var(--text)}.navbar-search-icon-btn{cursor:pointer;color:#e8eaf0;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;transition:color .18s,background .18s,border-color .18s;display:flex}.navbar-search-icon-btn:hover{color:#fff;background:#ffffff2e;border-color:#ffffff4d}.navbar-search-form.open .navbar-search-icon-btn{color:var(--accent);border-color:#0000;border-left:1px solid var(--border);background:0 0;border-radius:0 8px 8px 0}.navbar-hamburger{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:6px;transition:color .18s,background .18s;display:none}.navbar-hamburger:hover{color:var(--text);background:#ffffff0f}.navbar-mobile-menu{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#0a0d14fa;flex-direction:column;gap:14px;padding:16px 24px 20px;display:flex;position:absolute;top:64px;left:0;right:0}.navbar-mobile-search{background:var(--surface2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.navbar-mobile-go{background:var(--accent);color:#080a0f;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700}.navbar-mobile-links{flex-direction:column;gap:2px;display:flex}.navbar-mobile-link{color:var(--muted);border-radius:8px;padding:10px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:block}.navbar-mobile-link:hover{color:var(--text);background:var(--surface2)}.navbar-mobile-link.active{color:var(--accent);font-weight:600}@media (max-width:768px){.navbar-links,.navbar-search-form{display:none}.navbar-hamburger{display:flex}}.movie-card{cursor:pointer;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.movie-card:hover{transform:translateY(-6px)scale(1.02)}.movie-card:hover .card-overlay{opacity:1}.card-overlay{opacity:0;transition:opacity .3s}.scroll-row-wrapper{position:relative}.scroll-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding-bottom:10px;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{scroll-snap-align:start;flex-shrink:0}.scroll-row-arrow{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e8eaf0;cursor:pointer;background:#080a0fbf;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .18s,border-color .18s,transform .18s;display:flex;position:absolute;top:50%;transform:translateY(calc(-50% - 5px))}.scroll-row-arrow:hover{background:var(--accent);border-color:var(--accent);color:#080a0f;transform:translateY(calc(-50% - 5px))scale(1.08)}.scroll-row-arrow-left{left:-16px}.scroll-row-arrow-right{right:-16px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg, var(--surface) 25%, var(--surface2) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:1.1s forwards fadeInUp}.rank-number{-webkit-text-stroke:1px var(--border);color:#0000;-webkit-user-select:none;user-select:none;font-family:Playfair Display,serif;font-size:5rem;font-weight:900;line-height:1}.rank-number-sm{-webkit-text-stroke:1px #e8b84b59;color:#0000;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:900;line-height:1}.hero-btn-primary{background:var(--accent);color:#080a0f;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:13px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-flex}.hero-btn-primary:hover{opacity:.88;transform:scale(1.03)}.hero-btn-secondary{color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;padding:13px 28px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.hero-btn-secondary:hover{background:#ffffff29}.genre-chip{border:1px solid var(--border);color:var(--muted);letter-spacing:.04em;white-space:nowrap;background:0 0;border-radius:3px;padding:5px 16px;font-size:.78rem;font-weight:500;text-decoration:none;transition:border-color .18s,color .18s}.genre-chip:hover{color:var(--text);border-color:#e8b84b80}.genre-chip.active{border-color:var(--accent);color:var(--accent);font-weight:600}.page-link{border:1px solid var(--border);color:var(--muted);background:var(--surface2);border-radius:8px;padding:8px 14px;font-size:.875rem;text-decoration:none;transition:border-color .2s,color .2s}.page-link:hover{border-color:var(--accent);color:var(--accent)}.page-link.active{border-color:var(--accent);color:var(--accent);background:#e8b84b1a;font-weight:700}.genre-tag{border:1px solid var(--accent);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:3px 10px;font-size:.7rem;font-weight:600;text-decoration:none;transition:background .2s}.genre-tag:hover{background:#e8b84b1a}.sidebar-genre{color:var(--muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;text-decoration:none;transition:all .15s;display:flex}.sidebar-genre:hover{color:var(--text);background:var(--surface2)}.sidebar-genre.active{color:var(--accent);background:#e8b84b14;border-color:#e8b84b33;font-weight:700}.cast-back-link{color:var(--muted);align-items:center;gap:5px;font-size:.85rem;text-decoration:none;transition:color .15s;display:inline-flex}.cast-back-link:hover{color:var(--text)}.cast-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:24px 16px;display:grid}.cast-card{flex-direction:column;display:flex}.cast-img-wrap{aspect-ratio:2/3;background:var(--surface2);border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:10px;overflow:hidden}.cast-img-placeholder{width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;font-size:2rem;display:flex}.cast-name{color:var(--text);margin-bottom:2px;font-size:.8rem;font-weight:600;line-height:1.3}.cast-role{color:var(--muted);font-size:.72rem;line-height:1.4}.crew-dept-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.7rem;font-weight:700}.crew-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 24px;display:grid}.crew-row{align-items:center;gap:12px;display:flex}.crew-avatar{background:var(--surface2);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.section-title{color:var(--text);letter-spacing:-.01em;align-items:center;gap:12px;font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700;display:flex}.section-title:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:3px;height:1.1em;display:inline-block}.footer{background:var(--surface);border-top:1px solid var(--border);margin-top:80px}.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto;padding:60px 32px 40px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo{align-items:center;gap:10px;width:fit-content;text-decoration:none;display:inline-flex}.footer-logo-icon{background:var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 12px #e8b84b66}.footer-logo-text{color:var(--text);letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700}.footer-logo-text span{color:var(--accent)}.footer-tagline{color:var(--muted);max-width:320px;font-size:.875rem;line-height:1.7}.footer-col{flex-direction:column;gap:16px;display:flex}.footer-col-title{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.7rem;font-weight:600}.footer-col-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col-links-grid{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}.footer-link{color:var(--muted);font-size:.875rem;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:20px 32px;display:flex}.footer-bottom-text{color:var(--muted);font-size:.78rem}.footer-bottom-link{color:var(--accent);text-decoration:none}.footer-bottom-link:hover{text-decoration:underline}@media (max-width:768px){.footer-inner{grid-template-columns:1fr 1fr;gap:36px;padding:40px 20px 28px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start;padding:16px 20px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}