@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#090b10;color:#eee;font-family:Vazirmatn,Arial,sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;gap:30px;padding:0 5%;background:#0e1118;border-bottom:1px solid #202633;position:sticky;top:0;z-index:10}
.logo{font-size:27px;font-weight:800;letter-spacing:1px}.logo span{color:#eab308}nav{display:flex;gap:20px;color:#b9c0cd}nav a:hover{color:#fff}
.search{margin-right:auto;display:flex;background:#171b24;border:1px solid #252c38;border-radius:12px;overflow:hidden}.search input{width:220px;background:none;border:0;padding:10px;color:white;outline:0}.search button{border:0;background:#eab308;padding:0 16px;cursor:pointer}
.container{max-width:1250px;margin:auto;padding:35px 20px;min-height:75vh}.hero{display:grid;grid-template-columns:1.3fr .7fr;min-height:430px;border-radius:24px;overflow:hidden;background:linear-gradient(90deg,#121722 35%,transparent),url('../images/hero.jpg') center/cover;margin-bottom:40px}
.hero-content{padding:60px;align-self:center;max-width:700px}.hero h1{font-size:44px;margin:10px 0}.muted{color:#9da6b5}.btn{display:inline-block;padding:10px 18px;border-radius:10px;background:#eab308;color:#111;font-weight:700;margin:5px}.btn.dark{background:#252b36;color:#fff}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card{background:#11151d;border:1px solid #202633;border-radius:15px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#eab308}.poster{width:100%;aspect-ratio:2/3;object-fit:cover;background:#1b202a}.card-body{padding:12px}.card h3{font-size:15px;margin:0 0 5px}.rating{color:#fbbf24}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{background:#1b202a;padding:3px 9px;border-radius:30px;color:#cbd5e1;font-size:12px}.detail{display:grid;grid-template-columns:280px 1fr;gap:30px}.detail-poster{width:100%;border-radius:18px}.detail h1{font-size:38px;margin:0}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.meta div{background:#11151d;padding:12px;border-radius:10px}.backdrop{width:100%;height:330px;object-fit:cover;border-radius:20px;margin-bottom:25px}.filters{display:flex;gap:10px;flex-wrap:wrap;background:#11151d;padding:15px;border-radius:15px;margin-bottom:25px}.filters select,.filters input{background:#1b202a;color:#fff;border:1px solid #303846;padding:9px;border-radius:8px}.footer{padding:30px 5%;background:#0e1118;color:#8992a2;display:flex;justify-content:space-between;margin-top:40px}
@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-content{padding:35px}.detail{grid-template-columns:180px 1fr}.topbar{flex-wrap:wrap;height:auto;padding:15px}.search input{width:130px}}
@media(max-width:600px){nav{order:3;width:100%;overflow:auto}.grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.detail-poster{max-width:250px}.hero h1{font-size:30px}.meta{grid-template-columns:1fr 1fr}}