:root{--primary:#0d6efd;--bg:#071029;--muted:#9aa4b2}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family: Vazirmatn, Tahoma, sans-serif;background:linear-gradient(180deg,#071029,#050617);color:#e6eef8;direction:rtl}
.container{max-width:1100px;margin:0 auto;padding:24px}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:transparent}
.brand{font-weight:700;color:white}
.hero{min-height:70vh;display:flex;align-items:center;padding:40px 0;background-size:cover;background-position:center;position:relative}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,20,0.5),rgba(7,10,20,0.35));}
.hero .content{position:relative;z-index:2}
.card{background:rgba(255,255,255,0.03);border-radius:12px;padding:18px;border:1px solid rgba(255,255,255,0.04);backdrop-filter:blur(6px)}
.grid{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}
.grid-item{width:calc(50% - 9px);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .25s ease}
.grid-item img{width:100%;height:220px;object-fit:cover;display:block}
@media(max-width:768px){.grid-item{width:100%}.hero{flex-direction:column}}
.gallery-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.badge-cat{background:rgba(255,255,255,0.04);padding:8px 12px;border-radius:999px;color:#dcecff;font-weight:600;border:none}
footer{padding:28px 0;text-align:center;color:#9aa4b2;margin-top:40px}