@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700;900&display=swap');
:root{--bg:#060806;--card:#0f140f;--g:#6ee02a;--t:#e8efe8;--m:#8a9a8a}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--t);font:16px/2 Vazirmatn,Tahoma,sans-serif;direction:rtl}
a{color:inherit;text-decoration:none}
.w{max-width:1100px;margin:auto;padding:0 18px}
header{border-bottom:1px solid #1c261c;position:sticky;top:0;background:#060806ee;backdrop-filter:blur(8px);z-index:9}
header .w{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:900;font-size:22px;color:var(--g)}
nav a{margin-right:22px;color:var(--m)}nav a:hover,nav a.on{color:var(--g)}
.hero{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:center;padding:60px 0}
.hero h1{font-size:46px;line-height:1.5}.hero h1 span{color:var(--g)}
.hero p{color:var(--m)}
.hero img{width:100%;border-radius:18px;border:2px solid var(--g);box-shadow:0 0 50px #6ee02a40}
.btn{display:inline-block;background:var(--g);color:#000;padding:8px 26px;border-radius:10px;font-weight:700;margin:14px 0 0 10px;border:0;font:inherit;font-weight:700;cursor:pointer}
.btn.o{background:none;color:var(--g);border:1px solid var(--g)}
h2.t{font-size:26px;margin:40px 0 18px;border-right:4px solid var(--g);padding-right:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.card{display:block;background:var(--card);border:1px solid #1c261c;border-radius:14px;padding:18px;transition:.2s}
.card:hover{border-color:var(--g);transform:translateY(-3px)}
.card img{width:100%;border-radius:10px;margin-bottom:10px;aspect-ratio:16/9;object-fit:cover}
.card h3{font-size:17px;line-height:1.8}.card p{color:var(--m);font-size:14px;line-height:1.9}
audio{width:100%;margin-top:10px;filter:invert(1) hue-rotate(80deg)}
footer{border-top:1px solid #1c261c;margin-top:60px;padding:28px 0;text-align:center;color:var(--m);font-size:14px}
.art{max-width:760px;margin:40px auto;padding:0 18px}.art h1{font-size:34px;line-height:1.7}.art h2{color:var(--g);margin:28px 0 8px}.art img{max-width:100%;border-radius:12px;margin:12px 0}.art p{margin:14px 0;font-size:17px}
.meta{color:var(--m);font-size:14px}
input,textarea{width:100%;background:#0f140f;color:var(--t);border:1px solid #243024;border-radius:8px;padding:10px;font:inherit;margin:6px 0 14px}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero h1{font-size:32px}}
.lg{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.lk{text-align:center}.lk svg{width:46px;height:46px;color:var(--g)}.lk h3{margin-top:6px}