@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');
:root{--bg:#080808;--card:#121212;--muted:#9b9b9b;--text:#fff;--red:#e50914;--red2:#ff2530;--line:#252525}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}
.topbar{height:70px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:34px;padding:0 5%;background:rgba(8,8,8,.94);backdrop-filter:blur(12px);border-bottom:1px solid #161616}.brand{font-size:25px;font-weight:800}.brand span{color:var(--red);margin-right:4px}.topbar nav{display:flex;gap:24px;color:#ddd;font-size:14px}.topbar nav a:hover{color:#fff}.head-actions{margin-right:auto;display:flex;gap:10px}.head-actions button{background:#171717;border:1px solid #292929;color:#fff;border-radius:10px;width:42px;height:42px;cursor:pointer}.menu{display:none}
.hero{min-height:520px;display:flex;align-items:flex-end;padding:80px 5% 70px;position:relative;overflow:hidden;background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.86) 34%,rgba(8,8,8,.25) 70%,#080808 100%),linear-gradient(0deg,#080808 0%,transparent 35%),url('https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?auto=format&fit=crop&w=1800&q=80') center/cover}.hero-content{max-width:650px}.eyebrow{color:#ff5b62;font-weight:700}.hero h1{font-size:clamp(34px,5vw,64px);margin:10px 0}.hero p{color:#ddd;line-height:1.9}.buttons{display:flex;gap:12px;margin-top:24px}.btn{border:0;border-radius:9px;padding:12px 21px;cursor:pointer;font-weight:700}.primary{background:var(--red);color:#fff}.secondary{background:#292929;color:#fff}
.wrap{padding:38px 5%}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head h2{font-size:23px;margin:0}.section-head a{color:#bbb;font-size:13px}.row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.movie-card{background:var(--card);border-radius:12px;overflow:hidden;border:1px solid #1d1d1d;transition:.2s;cursor:pointer}.movie-card:hover{transform:translateY(-5px);border-color:#3a3a3a}.poster{aspect-ratio:2/3;background:#222;position:relative;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;top:9px;right:9px;background:var(--red);font-size:11px;padding:4px 7px;border-radius:6px}.card-info{padding:12px}.card-info h3{font-size:14px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:11px;color:#999}.rating{color:#ffd34e;margin-right:5px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:12px 18px;border-radius:999px;background:#151515;border:1px solid #292929;color:#ddd;cursor:pointer}.chip:hover{border-color:var(--red);color:#fff}
.page-title{padding:45px 5% 10px}.page-title h1{font-size:34px;margin:0}.page-title p{color:#999}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:20px 5% 60px}
.movie-detail{min-height:600px;padding:80px 5%;background:linear-gradient(90deg,#080808 5%,rgba(8,8,8,.92) 45%,rgba(8,8,8,.45)),url('https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=1800&q=80') center/cover}.detail-box{max-width:800px}.detail-box h1{font-size:46px;margin:12px 0}.detail-meta{display:flex;gap:18px;color:#bbb;font-size:13px;flex-wrap:wrap}.detail-box p{line-height:2;color:#ddd}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.tag{background:#222;padding:5px 10px;border-radius:6px;font-size:12px}
.admin{padding:45px 5% 80px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#121212;border:1px solid #242424;padding:20px;border-radius:12px}.stat small{color:#999}.stat strong{display:block;font-size:30px;margin-top:8px}.panel{margin-top:25px;background:#101010;border:1px solid #242424;border-radius:14px;padding:20px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px;border-bottom:1px solid #242424;text-align:right;font-size:13px}.table th{color:#aaa}.action{background:#222;color:#fff;border:1px solid #333;padding:7px 11px;border-radius:7px;cursor:pointer}
.search-panel{position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:50;display:none;padding:90px 8%}.search-panel.open{display:block}.search-box{display:flex;gap:10px}.search-box input{flex:1;background:#161616;border:1px solid #333;color:#fff;padding:16px;border-radius:10px;outline:none}.search-box button{width:50px;border:0;border-radius:10px;background:#222;color:#fff;font-size:25px}.search-results{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:25px}
.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);background:#fff;color:#111;padding:12px 18px;border-radius:10px;opacity:0;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
footer{border-top:1px solid #202020;padding:35px 5%;color:#777;text-align:center;font-size:12px}
@media(max-width:1000px){.row,.grid{grid-template-columns:repeat(4,1fr)}.admin-grid{grid-template-columns:repeat(2,1fr)}.search-results{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.topbar{height:62px}.topbar nav{display:none}.menu{display:block}.hero{min-height:520px;padding-bottom:55px}.hero p{font-size:13px}.row,.grid{grid-template-columns:repeat(2,1fr);gap:12px}.wrap{padding:28px 4%}.admin-grid{grid-template-columns:1fr 1fr}.movie-detail{padding:65px 5%}.detail-box h1{font-size:35px}.search-panel{padding:75px 5%}.search-results{grid-template-columns:repeat(2,1fr)}}