@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap");

:root{
 --navy:#061321;--navy2:#0b2035;--navy3:#102d48;--gold:#c99a43;--gold2:#efc978;
 --cream:#f5f1e9;--white:#fff;--text:#eef3f7;--muted:#a9b7c4;--ink:#172535;
 --line:rgba(255,255,255,.12);--shadow:0 22px 70px rgba(0,0,0,.28);--radius:22px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;direction:rtl;font-family:"Vazirmatn",Tahoma,Arial,sans-serif;background:var(--navy);color:var(--text);line-height:1.85;overflow-x:hidden}
body.en{direction:ltr}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}
.container{width:min(1220px,calc(100% - 40px));margin:auto}
.header{position:fixed;inset:0 0 auto;height:76px;z-index:1000;background:rgba(4,14,24,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand small{display:block;color:var(--muted);font-weight:500;font-size:.68rem}
.brand-mark{font-size:1.8rem;letter-spacing:-.08em}.brand-mark span{color:var(--gold)}
.menu{display:flex;align-items:center;gap:22px;font-size:.88rem}
.menu>li{list-style:none;position:relative}.menu a,.menu button{color:#edf2f6;background:none;border:0;cursor:pointer;padding:26px 0}
.menu a:hover,.menu button:hover,.menu .active{color:var(--gold2)}
.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);background:transparent;color:#fff;border-radius:13px}
.socials{display:flex;gap:9px;align-items:center}
.social{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;color:var(--gold2);font-weight:900}
.lang{padding:7px 10px;border:1px solid rgba(201,154,67,.5);border-radius:10px;color:var(--gold2);font-size:.78rem;font-weight:800}
.mega{display:none;position:absolute;top:72px;right:-260px;width:min(880px,90vw);background:#071827;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:24px}
body.en .mega{right:auto;left:-260px}
.has-mega:hover .mega,.has-mega.open .mega{display:block}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mega-card{padding:13px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:13px}
.mega-card strong{display:block;color:#fff;font-size:.84rem}.mega-card small{color:var(--muted);font-size:.68rem}
.hero{min-height:100vh;padding:125px 0 70px;background:linear-gradient(90deg,rgba(4,14,24,.97),rgba(4,14,24,.74),rgba(4,14,24,.12)),url("../images/hero-bg.jpg") center/cover;display:flex;align-items:center;position:relative}
body.en .hero{background:linear-gradient(270deg,rgba(4,14,24,.97),rgba(4,14,24,.74),rgba(4,14,24,.12)),url("../images/hero-bg.jpg") center/cover}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}
.kicker{color:var(--gold2);font-weight:800;font-size:.84rem}.hero h1{font-size:clamp(3.2rem,7vw,7rem);line-height:1.03;margin:10px 0 18px}.hero h1 span{color:var(--gold)}
.hero h2{font-size:1.45rem;font-weight:500;margin:0 0 18px}.hero p{max-width:700px;color:#c4d0d9;font-size:1.03rem}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{min-height:49px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:12px;font-weight:900;cursor:pointer}.btn-primary{background:var(--gold);color:#15110b}.btn-outline{background:rgba(255,255,255,.035);color:#fff}
.portrait-shell{width:min(470px,92%);margin:auto;aspect-ratio:4/5;padding:9px;border-radius:45% 10% 45% 10%;background:linear-gradient(145deg,var(--gold2),transparent 35%,var(--gold));box-shadow:var(--shadow)}
.portrait-shell img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:44% 9% 44% 9%}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.stat{padding:17px;border:1px solid var(--line);border-radius:15px;background:rgba(6,24,39,.7);text-align:center}.stat strong{display:block;color:var(--gold2);font-size:1.7rem}.stat span{color:var(--muted);font-size:.74rem}
.section{padding:95px 0}.section.light{background:var(--cream);color:var(--ink)}.title{font-size:clamp(2rem,4vw,3.8rem);line-height:1.25;margin:8px 0 18px}.lead{max-width:760px;color:var(--muted)}.light .lead{color:#62707d}
.grid{display:grid;gap:22px}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}
.card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border-radius:var(--radius);padding:28px}
.light .card{background:#fff;border-color:#ded8ce;box-shadow:0 15px 36px rgba(20,32,44,.08)}
.icon{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;border:1px solid rgba(201,154,67,.35);color:var(--gold2);font-size:1.35rem;margin-bottom:18px}
.project-card{border:1px solid #ded8ce;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 15px 36px rgba(20,32,44,.08)}
.project-card img{width:100%;height:210px;object-fit:cover}.project-body{padding:22px}.project-body p{color:#687581}.project-link{color:#8a6428;font-weight:900}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;position:relative}.timeline-item{text-align:center;padding:20px;border:1px solid var(--line);border-radius:18px}.timeline-item strong{color:var(--gold2);display:block}
.contact-box{padding:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{background:rgba(255,255,255,.055);border:1px solid var(--line);color:#fff;padding:13px 14px;border-radius:11px}.field select option{color:#111}.status{min-height:24px;color:var(--gold2);font-size:.8rem}
.floating-wa{position:fixed;left:20px;bottom:20px;z-index:800;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;font-weight:900;box-shadow:var(--shadow)}
body.en .floating-wa{left:auto;right:20px}
.footer{padding:42px 0 24px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px}.footer p,.footer a{color:var(--muted);font-size:.78rem}
.page-hero{padding:150px 0 70px;background:linear-gradient(135deg,#061321,#0d2b45)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.category-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0b1d2e}.category-card img{width:100%;height:220px;object-fit:cover}.category-card div{padding:20px}
.pdf-note{padding:15px;border:1px solid rgba(201,154,67,.4);background:rgba(201,154,67,.08);border-radius:13px;color:var(--gold2)}
@media(max-width:1020px){.hero-grid,.grid3,.grid2{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr 1fr}.mega-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){
 .menu-toggle{display:grid;place-items:center}.menu{display:none;position:absolute;top:76px;right:14px;left:14px;flex-direction:column;align-items:stretch;background:#061321;border:1px solid var(--line);padding:16px;border-radius:18px;max-height:calc(100vh - 95px);overflow:auto}
 .menu.open{display:flex}.menu>li{width:100%}.menu a,.menu button{display:block;width:100%;padding:10px;text-align:right}.en .menu a,.en .menu button{text-align:left}
 .socials{display:none}.mega{position:static;width:100%;margin-top:5px;box-shadow:none}.has-mega:hover .mega{display:none}.has-mega.open .mega{display:block}.mega-grid{grid-template-columns:1fr}
 .stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.container{width:min(100% - 26px,1220px)}.hero h1{font-size:3.15rem}.stats,.timeline,.category-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.portrait-shell{max-width:360px}}

.social svg{width:21px;height:21px;display:block}
.social.whatsapp{color:#25D366}
.floating-wa svg{width:28px;height:28px}
.portrait-shell{max-width:380px;aspect-ratio:4/5;padding:7px;background:linear-gradient(145deg,var(--gold2),rgba(255,255,255,.06) 38%,var(--gold))}
.portrait-shell img{object-fit:cover;object-position:center top}
.icon{background:var(--gold);color:#111!important;border-color:var(--gold);font-weight:900;box-shadow:0 12px 26px rgba(201,154,67,.24)}
.book-showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}
.book-showcase img{width:100%;border-radius:22px;box-shadow:var(--shadow)}
.book-summary{font-size:1rem;color:#65717d}
@media(max-width:820px){.book-showcase{grid-template-columns:1fr}}

/* V5 clean adjustments */
.portrait-shell{
  max-width:470px;
  width:100%;
  aspect-ratio:4/5;
  padding:9px;
  border-radius:45% 10% 45% 10%;
  background:linear-gradient(145deg,var(--gold2),transparent 35%,var(--gold));
  box-shadow:var(--shadow);
}
.portrait-shell img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  border-radius:44% 9% 44% 9%;
}
.book-showcase{display:none!important}
@media(max-width:820px){
  .portrait-shell{max-width:390px}
}