:root{--bg:#070707;--panel:#101010;--gold:#ffcc00;--text:#fff;--muted:#c8c8c8;--line:rgba(255,255,255,.28);--soft-line:rgba(255,255,255,.13);--shadow:0 22px 60px rgba(0,0,0,.52)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background-color:var(--bg);font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.85}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:screen;z-index:-1}a{color:var(--text)}img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(7,7,7,.94);backdrop-filter:blur(18px)}.site-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;max-width:1240px;margin:auto;padding:16px 24px}.site-nav a{color:var(--text);text-decoration:none;font-size:1rem;font-weight:700;transition:color .22s ease,transform .22s ease}.site-nav a:hover{color:var(--gold);transform:translateY(-2px)}.nav-toggle{display:none}
main{width:min(1240px,calc(100% - 40px));margin:auto}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:72px;min-height:720px;padding:90px 0 100px}.hero-copy{order:1}.hero-visual{order:2;display:grid;place-items:center}.hero h1{margin:0 0 22px;color:var(--gold);font-size:clamp(2.6rem,6vw,5.4rem);line-height:1.15;letter-spacing:0}.hero-text,.intro-grid p{margin:0;color:var(--text);font-size:clamp(1.05rem,1.7vw,1.28rem);text-align:justify;text-align-last:right}.hero-text strong,.intro-grid strong{color:var(--text)}.portrait-frame{width:min(100%,410px);border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--panel);box-shadow:var(--shadow),0 0 0 10px rgba(255,204,0,.04);transform:rotate(2deg)}.portrait-frame img{width:100%;border-radius:8px}
.section{padding:92px 0;border-top:1px solid var(--line)}.section-title{margin-bottom:34px;text-align:center}h2{margin:0;color:var(--gold);font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.3}h3{margin:0;color:var(--gold);font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.5}.about-panel{border:1px solid var(--line);border-radius:12px;padding:48px clamp(22px,5vw,72px);box-shadow:var(--shadow)}.intro-grid{display:grid;gap:18px}
.education-grid,.expertise-grid,.work-grid,.portfolio-grid,.contact-grid{display:grid;gap:18px}.education-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.expertise-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.education-card,.card,.work-card,.portfolio-card,.contact-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 12px 30px rgba(0,0,0,.36);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}.education-card,.card,.work-card,.portfolio-card{padding:24px}.education-card:hover,.card:hover,.work-card:hover,.portfolio-card:hover,.contact-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 22px 44px rgba(0,0,0,.58),0 0 24px rgba(255,204,0,.07)}.education-card h3,.card h3,.portfolio-card h3,.contact-card h3{margin-bottom:16px}.education-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.education-card li{color:var(--text);text-align:center;border-top:1px solid var(--soft-line);padding-top:8px}.education-card li span{color:var(--text);background:transparent;box-shadow:none;border-radius:0;padding:0;font-weight:800}.card p,.portfolio-card p,.work-card dd{color:var(--text);margin:0;text-align:center}.card p,.portfolio-card p{line-height:1.9}
.portfolio-inline{margin-top:54px;padding-top:42px;border-top:1px solid var(--soft-line)}.portfolio-inline .section-title{margin-bottom:24px}.portfolio-inline .portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.work-card dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0}.work-card dl div{min-width:0;border:1px solid var(--soft-line);border-radius:8px;padding:14px 10px;text-align:center}.work-card dt{color:var(--gold);font-weight:800;margin-bottom:6px}.work-card dd{overflow-wrap:anywhere;line-height:1.75}.work-card a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.cert-layout{width:100%}.cert-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cert-gallery a{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.42);transition:transform .28s ease,box-shadow .28s ease}.cert-gallery a:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 24px 50px rgba(0,0,0,.6)}.cert-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid var(--soft-line)}.cert-gallery h3,.cert-gallery strong{display:block;min-height:58px;padding:14px 12px 4px;color:var(--gold);text-align:center;line-height:1.6}.cert-gallery small{display:block;padding:0 12px 14px;color:var(--muted);text-align:center}
.contact-card{display:flex;align-items:center;justify-content:center;gap:10px;min-height:94px;padding:14px;text-align:center;text-decoration:none}.contact-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--line);border-radius:8px}.contact-icon svg{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:1.8}.contact-card span:last-child{display:grid;gap:1px}.contact-card h3{margin:0;font-size:.95rem}.contact-card small{color:var(--text);font-size:.76rem;overflow-wrap:anywhere}.site-footer{display:flex;justify-content:space-between;gap:20px;width:min(1240px,calc(100% - 40px));margin:auto;padding:28px 0 44px;color:var(--muted);border-top:1px solid var(--line)}.site-footer a{color:var(--gold)}
.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.expertise-grid,.cert-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-grid,.portfolio-inline .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){main{width:min(calc(100% - 28px),620px)}.site-nav{gap:12px 18px;padding:12px 14px}.site-nav a{font-size:.83rem}.hero{grid-template-columns:1fr;gap:34px;min-height:auto;padding:62px 0 74px;text-align:center}.hero-copy{order:2}.hero-visual{order:1}.hero-text,.intro-grid p{text-align:center;text-align-last:center}.hero h1{font-size:clamp(2.4rem,12vw,4rem)}.portrait-frame{width:min(82vw,340px)}.section{padding:62px 0}.education-grid,.expertise-grid,.work-grid,.cert-gallery,.portfolio-grid,.portfolio-inline .portfolio-grid,.contact-grid{grid-template-columns:1fr}.work-card dl{grid-template-columns:1fr}.contact-card{justify-content:flex-start;text-align:right}.contact-card span:last-child{text-align:right}.site-footer{width:min(calc(100% - 28px),620px);flex-direction:column;align-items:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.cert-gallery a:nth-child(-n+4){order:1}.cert-gallery a:nth-child(5){order:2}.cert-gallery a:nth-child(6){order:3}.cert-gallery a:nth-child(8),.cert-gallery a:nth-child(9){order:4}.cert-gallery a:nth-child(10){order:5}.cert-gallery a:nth-child(n+11):nth-child(-n+16){order:6}.cert-gallery a:nth-child(17){order:7}.cert-gallery a:nth-child(19){order:8}.cert-gallery a:nth-child(18),.cert-gallery a:nth-child(20),.cert-gallery a:nth-child(23),.cert-gallery a:nth-child(24),.cert-gallery a:nth-child(27){order:9}.cert-gallery a:nth-child(21),.cert-gallery a:nth-child(22){order:10}.cert-gallery a:nth-child(7),.cert-gallery a:nth-child(25),.cert-gallery a:nth-child(26){order:11}