:root{
--bg:#0b1220;
--card:#121a2b;
--main:#3b82f6;
}
body{margin:0;font-family:Arial;background:var(--bg);color:#e5e7eb;}
.nav{display:flex;justify-content:space-between;padding:15px 30px;background:#020617;position:sticky;top:0;z-index:10;}
.nav a{color:#e5e7eb;margin:0 10px;text-decoration:none;font-size:14px;}
.container{max-width:1100px;margin:auto;padding:20px;}
.hero{text-align:center;padding:80px 20px;}
.hero h1{font-size:32px;}
.btn{background:var(--main);padding:12px 22px;border-radius:6px;color:white;text-decoration:none;display:inline-block;margin-top:20px;}
.card{background:var(--card);padding:20px;margin:20px 0;border-radius:10px;}
.download-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;}
.meta{font-size:12px;color:#9ca3af;margin-top:10px;}
.img-box{background:#000;height:180px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:8px;margin-top:10px;position:relative;overflow:hidden;}
.img-box img{width:100%;height:180px;object-fit:cover;border-radius:8px;position:absolute;top:0;left:0;transition:opacity 0.5s;}
.img-box img.hide{opacity:0;}
.faq p{margin:10px 0;}
footer{text-align:center;padding:40px;color:#6b7280;}
.user-feedback{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;}
.external a{color:var(--main);text-decoration:underline;}
.rating{display:flex;align-items:center;margin-top:10px;}
.rating span{font-size:20px;color:#facc15;margin-right:5px;}
.download-stats{margin-top:10px;font-size:12px;color:#9ca3af;}
.comment-box{margin-top:15px;}
.comment-box input, .comment-box textarea{width:100%;margin:5px 0;padding:8px;border-radius:6px;border:none;}
.comment-box button{background:var(--main);color:white;padding:10px 15px;border:none;border-radius:6px;cursor:pointer;margin-top:5px;}
.recommendation{background:#1e263b;padding:15px;border-radius:8px;margin-top:10px;}