*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0b0b0f;--fg:#e8e8ee;--mut:#9a9aa8;--acc:#e5293b}
body{background:var(--bg);color:var(--fg);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.top{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:28px;padding:14px 4vw;background:linear-gradient(#000c,#0000)}
.logo{font-weight:900;font-size:26px;letter-spacing:1px;color:var(--acc)}.logo span{color:#fff}
nav{display:flex;gap:18px;font-size:14px;color:#ccc}nav a:hover,nav .active{color:#fff}
.right{margin-left:auto;display:flex;gap:12px;align-items:center}
.right input{background:#0008;border:1px solid #555;color:#fff;padding:7px 12px;border-radius:4px;width:180px}
.btn{display:inline-block;background:var(--acc);color:#fff;padding:8px 18px;border-radius:4px;font-weight:600;border:0;cursor:pointer}
.btn.play{background:#fff;color:#000;padding:10px 28px;font-size:17px}.btn.ghost{background:#6d6d6eb3;padding:10px 24px;font-size:17px}
.hero{position:relative;height:82vh;min-height:460px;display:flex;align-items:center;padding:0 4vw}
.hero-bg{position:absolute;inset:0;background:url(/posters/bbb.svg) center/cover;filter:brightness(.55)}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0f 0,#0b0b0f00 60%),linear-gradient(0deg,#0b0b0f 0,#0b0b0f00 30%)}
.hero-text{position:relative;max-width:560px}
.tag{font-size:12px;letter-spacing:3px;color:var(--acc);font-weight:700}
.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:8px 0}
.meta{color:var(--mut);margin-bottom:10px}.meta b{color:#46d369}
.actions{margin-top:20px;display:flex;gap:12px}
.row{padding:0 4vw;margin:26px 0}.row h2{font-size:20px;margin-bottom:10px}
.strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:8px 0}.strip::-webkit-scrollbar{display:none}
.card{flex:0 0 auto;width:180px;border-radius:6px;overflow:hidden;transition:transform .2s;position:relative;background:#222}
.card:hover{transform:scale(1.08);z-index:2}
.card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.card .info{position:absolute;bottom:0;left:0;right:0;padding:24px 8px 8px;background:linear-gradient(#0000,#000e);font-size:12px;opacity:0;transition:.2s}
.card:hover .info{opacity:1}
.badge{position:absolute;top:6px;left:6px;background:var(--acc);font-size:10px;font-weight:700;padding:2px 6px;border-radius:2px}
footer{color:var(--mut);padding:50px 4vw;font-size:13px;max-width:1000px}
footer .links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.small{font-size:11px}
.player{padding:80px 4vw 30px;max-width:1200px;margin:auto}
.player video{width:100%;background:#000;border-radius:6px;aspect-ratio:16/9}
.player h1{margin:18px 0 6px}
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:url(/posters/sintel.svg) center/cover}
.login form{background:#000d;padding:50px;border-radius:6px;width:380px;display:flex;flex-direction:column;gap:14px}
.login input{padding:14px;background:#333;border:0;border-radius:4px;color:#fff}
.login .err{color:#e87c03;font-size:13px;display:none}
@media(max-width:760px){nav{display:none}.right input{display:none}.card{width:130px}footer .links{grid-template-columns:repeat(2,1fr)}}