:root{--bg:#070707;--card:#151515;--gold:#d6b36a;--muted:#aaa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none;cursor:pointer}.nav{height:70px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;padding:0 5%;gap:45px;background:linear-gradient(#050505,transparent);transition:.3s}.brand{font-weight:900;letter-spacing:3px;font-size:18px;white-space:nowrap}.brand span{display:inline-grid;place-items:center;width:31px;height:31px;border:1px solid var(--gold);color:var(--gold);margin-right:8px;font-family:Georgia}
.nav nav{display:flex;gap:24px;font-size:14px;color:#ddd}.actions{margin-left:auto;display:flex;gap:15px;align-items:center}.searchBtn{background:none;border:0;color:#fff;font-size:27px;cursor:pointer}.login,.play,.more,.plans button{border:0;border-radius:5px;padding:10px 18px;cursor:pointer;font-weight:700}.login{background:#fff;color:#111}.hero{height:92vh;min-height:600px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 38%,#754d27 0,#24170e 25%,#0b0908 60%,#050505 100%)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.85) 28%,rgba(5,5,5,.15) 75%),linear-gradient(0deg,#070707 0%,transparent 30%)}.heroContent{position:absolute;z-index:2;left:5%;top:30%;max-width:570px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:800}.hero h1{font:700 clamp(50px,7vw,92px)/.9 Georgia,serif;margin:18px 0}.hero h1 em{color:var(--gold);font-style:normal}.meta{color:#ddd}.desc{line-height:1.6;color:#ccc;max-width:520px}.heroBtns{display:flex;gap:12px;margin-top:25px}.play{background:#fff;color:#000;padding:13px 25px}.more{background:#3a3a3a;color:#fff;padding:13px 22px}
.section{padding:20px 5%}.sectionHead{display:flex;justify-content:space-between;align-items:center}.section h2{font-size:22px;margin:10px 0 15px}.sectionHead span{color:#999;font-size:13px}.row{display:flex;gap:14px;overflow-x:auto;padding-bottom:15px;scrollbar-width:none}.row::-webkit-scrollbar{display:none}.poster{min-width:180px;width:180px;height:270px;border-radius:6px;overflow:hidden;position:relative;background:#222;cursor:pointer;transition:.25s}.poster:hover{transform:scale(1.05);z-index:2}.posterArt{height:100%;display:flex;align-items:flex-end;padding:15px;background:linear-gradient(145deg,var(--c1),#090909 75%)}.poster h3{margin:0;font:700 25px Georgia;color:#fff;text-shadow:0 2px 5px #000}.poster small{display:block;color:#ddd;margin-top:5px}.badge{position:absolute;top:10px;left:10px;background:var(--gold);color:#111;font-size:9px;padding:5px 7px;font-weight:900;border-radius:3px}
.searchPanel{display:none;position:fixed;z-index:30;top:70px;right:5%;width:min(420px,90%);background:#111;border:1px solid #333;padding:15px;border-radius:8px}.searchPanel input{width:100%;padding:13px;background:#222;border:1px solid #444;color:white;border-radius:5px}.result{padding:12px 3px;border-bottom:1px solid #292929;cursor:pointer}
.plans{margin:70px 5%;padding:45px;display:flex;justify-content:space-between;align-items:center;border:1px solid #292929;border-radius:12px;background:linear-gradient(120deg,#17130d,#0d0d0d)}.plans small{color:var(--gold);letter-spacing:2px}.plans h2{font:42px Georgia;margin:10px 0}.plans p{color:#aaa}.plans button{background:var(--gold);padding:13px 24px}
footer{padding:50px 5%;border-top:1px solid #222;color:#777;font-size:13px}.footlinks{display:flex;gap:20px;margin-top:20px}
.modal{display:none;position:fixed;z-index:50;inset:0;background:#000b;place-items:center;padding:20px}.modalBox{width:min(650px,100%);background:#151515;border-radius:10px;padding:30px;position:relative}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}.modal h2{font:36px Georgia}.modal p{color:#bbb;line-height:1.6}.modal input{width:100%;padding:13px;margin:8px 0;background:#222;border:1px solid #444;color:#fff;border-radius:5px}.modal button.cta{background:var(--gold);border:0;padding:13px 20px;border-radius:5px;font-weight:700;margin-top:8px}
@media(max-width:750px){.nav{padding:0 4%;gap:15px}.nav nav{display:none}.brand{font-size:15px}.hero{height:80vh;min-height:570px}.heroContent{top:32%;left:5%;right:5%}.hero h1{font-size:55px}.desc{font-size:14px}.poster{min-width:140px;width:140px;height:210px}.poster h3{font-size:19px}.plans{display:block;padding:30px;margin:40px 5%}.plans h2{font-size:34px}.plans button{margin-top:15px}}