:root{--bg:#0f0f0f;--surface:#171717;--surface-2:#222;--accent:#e50914;--accent-dark:#aa0710;--text:#fff;--muted:#b3b3b3;--line:#323232;--display:"Arial Narrow","Roboto Condensed",Impact,sans-serif;--body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark;font-family:var(--body);color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit}button,a{tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff5b63;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-shell main{flex:1}.site-header{height:74px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;border-bottom:1px solid rgba(255,255,255,.11);background:linear-gradient(#080808d9,transparent)}.brand{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:1.55rem;font-weight:900;letter-spacing:-.04em}.brand>span>span,.brand>span{color:var(--text)}.brand>span>span,.brand span span{color:var(--accent)}.main-nav{display:flex;align-items:center;gap:10px}.main-nav a,.nav-action{display:flex;align-items:center;gap:7px;padding:10px 13px;color:#ddd;border:0;background:none;cursor:pointer}.main-nav a.active,.main-nav a:hover,.nav-action:hover{color:#fff}.main-nav a.active:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:0;left:12px;right:12px}.main-nav a{position:relative}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#111b;color:#fff;cursor:pointer;transition:.18s ease}.icon-button:hover{background:var(--accent);border-color:var(--accent)}.menu-button{display:none}.hero{min-height:720px;display:flex;align-items:center;position:relative;overflow:hidden;padding:130px clamp(20px,8vw,130px) 80px;background:radial-gradient(circle at 82% 35%,#31090c 0,transparent 32%),linear-gradient(105deg,#080808 15%,#141414 65%,#080808)}.projector-glow{position:absolute;width:75vw;height:28vw;right:-26vw;top:25%;background:linear-gradient(100deg,transparent,rgba(229,9,20,.28));filter:blur(28px);transform:rotate(-10deg);clip-path:polygon(0 45%,100% 0,100% 100%);animation:glow 5s ease-in-out infinite alternate}.hero__content{position:relative;z-index:2;max-width:810px;animation:rise .55s ease-out}.eyebrow{text-transform:uppercase;color:#ff5961;font-size:.73rem;font-weight:800;letter-spacing:.2em;margin-bottom:15px}.hero h1,.section-heading h1,.details-content h1,.auth-panel h1,.page-status h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(3.6rem,7.5vw,7.1rem);line-height:.86;letter-spacing:-.055em;margin-bottom:24px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #fff}.hero__content>p:not(.eyebrow){max-width:580px;color:var(--muted);font-size:1.08rem;line-height:1.65}.hero-search{height:62px;max-width:660px;display:flex;align-items:center;gap:13px;background:#fff;border-radius:4px;padding-left:20px;margin:31px 0 17px;box-shadow:0 18px 50px #0008}.hero-search svg{color:#333}.hero-search input{min-width:0;flex:1;color:#111;background:transparent;border:0;outline:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--accent);border-radius:3px;padding:13px 21px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer;transition:transform .18s,background .18s}.button:hover{background:#ff1823;transform:translateY(-1px)}.button:disabled{opacity:.65;cursor:wait}.hero-search .button{align-self:stretch;border-radius:0 3px 3px 0;padding-inline:28px}.button--ghost{background:#181818;border-color:#555}.button--ghost:hover{background:#292929}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1240px;margin:-44px auto 0;position:relative;z-index:3;background:#181818;border:1px solid #333}.feature-strip article{display:flex;gap:18px;padding:28px 32px;border-right:1px solid #333}.feature-strip article:last-child{border:0}.feature-strip svg{color:var(--accent);flex:0 0 auto}.feature-strip h2{font-size:.98rem;margin-bottom:7px}.feature-strip p{font-size:.84rem;color:var(--muted);margin:0;line-height:1.45}.content-section{max-width:1380px;margin:0 auto;padding:90px clamp(20px,5vw,70px)}.page-top{padding-top:140px;min-height:70vh}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-heading h1,.section-heading h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(2.3rem,4vw,4.4rem);letter-spacing:-.045em;margin:0}.text-link{border:0;background:none;color:#fff;font-weight:700;cursor:pointer}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.movie-card{position:relative;min-width:0;animation:rise .35s ease both}.movie-card__link{position:relative;display:block;overflow:hidden;border-radius:3px;background:var(--surface);aspect-ratio:2/3}.movie-card__link img{width:100%;height:100%;object-fit:cover;transition:transform .32s ease}.movie-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:end;padding:22px;background:linear-gradient(transparent 30%,#050505f2);opacity:0;transform:translateY(12px);transition:.25s ease}.movie-card__shade p{font-size:.84rem;line-height:1.45;color:#ddd;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.movie-card__shade span{font-weight:800;font-size:.86rem}.movie-card:hover .movie-card__shade,.movie-card:focus-within .movie-card__shade{opacity:1;transform:none}.movie-card:hover .movie-card__link img{transform:scale(1.045)}.movie-card__body{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-top:13px}.movie-card h3{font-size:1rem;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-card__body p{color:var(--muted);font-size:.78rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating{display:inline-flex;align-items:center;gap:4px;color:#ffd34e;font-size:.82rem;font-weight:800}.movie-card__favorite{position:absolute;top:10px;right:10px;z-index:4}.movie-skeleton,.details-skeleton{aspect-ratio:2/3;border-radius:3px;background:linear-gradient(100deg,#191919 20%,#292929,#191919 70%);background-size:250% 100%;animation:shimmer 1.2s infinite}.filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(120px,1fr));gap:13px;margin-bottom:34px;padding:20px;background:#151515;border:1px solid #292929}.filters label{font-size:.73rem;color:var(--muted);display:grid;gap:7px}.filters input,.filters select{width:100%;height:43px;border:1px solid #3d3d3d;border-radius:2px;background:#202020;color:#fff;padding:0 12px}.search-field{position:relative;align-content:end}.search-field svg{position:absolute;left:13px;bottom:12px}.search-field input{padding-left:42px}.filter-chips{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}.filter-chips button{border:1px solid #444;border-radius:50px;background:#262626;color:#ddd;padding:7px 11px;cursor:pointer}.filter-chips .reset-button{display:flex;gap:6px;color:#fff;border-color:#754247}.load-more{text-align:center;margin-top:45px}.empty-state,.page-status{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:40px}.empty-state h2{color:#fff}.page-status{min-height:75vh}.page-status h1{font-size:clamp(2.6rem,6vw,5rem)}.error-code{font-family:var(--display);color:var(--accent);font-size:7rem;margin:0}.details-page{min-height:100vh;position:relative;padding-top:74px}.details-backdrop{position:absolute;inset:0 0 auto;height:72vh;background-size:cover;background-position:center 25%;opacity:.65}.details-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:25vh 40px 90px;display:grid;grid-template-columns:280px 1fr;align-items:end;gap:55px}.details-poster{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 28px 70px #000}.details-content h1{font-size:clamp(3rem,7vw,6.5rem);margin-bottom:22px}.details-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:25px}.details-meta>span:not(.rating){padding:5px 9px;border:1px solid #555;color:#ddd;font-size:.8rem}.details-overview{max-width:730px;color:#d0d0d0;line-height:1.75}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-panel{padding:150px clamp(30px,8vw,130px) 70px;display:flex;flex-direction:column;justify-content:center}.auth-panel h1{font-size:clamp(3rem,5vw,5.5rem)}.auth-panel>p:not(.eyebrow){color:var(--muted);line-height:1.6}.auth-tabs{display:flex;margin:24px 0;border-bottom:1px solid #333}.auth-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:13px;cursor:pointer}.auth-tabs button[aria-selected=true]{border-color:var(--accent);color:#fff}.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:8px;color:#ddd;font-size:.85rem}.auth-form input{height:50px;padding:0 14px;border:1px solid #414141;background:#191919;color:#fff}.field-error{color:#ff7b82;font-size:.82rem;margin:0}.auth-art{display:flex;align-items:end;padding:70px;background:linear-gradient(25deg,#080808,#50080d99),url(/posters/red-orbit.svg) center/cover}.auth-art blockquote{max-width:500px;font-family:var(--display);font-size:2.4rem;text-transform:uppercase;line-height:1.05}.toast{position:fixed;right:22px;bottom:22px;z-index:50;padding:15px 19px;background:#2a1012;border-left:3px solid var(--accent);box-shadow:0 12px 40px #000;animation:rise .25s}.site-footer{min-height:145px;padding:40px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #292929;color:var(--muted);font-size:.82rem}.brand--small{font-size:1.1rem;color:#fff}@keyframes shimmer{to{background-position:-150% 0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes glow{to{opacity:.7;transform:rotate(-7deg) scale(1.08)}}@media(max-width:900px){.movie-grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:repeat(2,1fr)}.feature-strip{margin:-25px 20px 0}.details-content{grid-template-columns:210px 1fr;gap:30px}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.menu-button{display:grid}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;padding:18px 22px;background:#111;flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.main-nav a,.nav-action{padding:14px}.site-footer{flex-direction:column;text-align:center}}@media(max-width:640px){.hero{min-height:690px;padding-top:120px}.hero h1{font-size:3.55rem}.hero-search{height:auto;display:grid;grid-template-columns:auto 1fr;padding:14px}.hero-search .button{grid-column:1/-1;border-radius:3px;padding:13px}.feature-strip{grid-template-columns:1fr;margin-top:-18px}.feature-strip article{border-right:0;border-bottom:1px solid #333;padding:20px}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.filters{grid-template-columns:1fr}.section-heading{align-items:start}.content-section{padding-inline:16px}.movie-card__shade{opacity:1;transform:none;padding:12px;background:linear-gradient(transparent 55%,#050505e6)}.movie-card__shade p{display:none}.details-content{padding:160px 20px 60px;grid-template-columns:105px 1fr;align-items:start;gap:20px}.details-content h1{font-size:2.25rem}.details-overview,.details-content .button{grid-column:1/-1}.auth-panel{padding:120px 22px 60px}.site-footer{padding-inline:20px}.page-top{padding-top:110px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{overflow-x:clip}.movie-card__body>div{min-width:0}.rating{flex:0 0 auto}button,a{-webkit-tap-highlight-color:transparent}@media(max-width:640px){.hero h1{font-size:3.05rem}}
