.about-page{--about-accent:#0f766e;--about-bright:#14b8a6;--about-ink:#18181b;--about-muted:#71717a;--about-line:#e4e4e7;overflow:hidden}.dark .about-page{--about-ink:#f4f4f5;--about-muted:#a1a1aa;--about-line:#27272a}.about-container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.about-hero{min-height:690px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:120px 0 26px;isolation:isolate}.about-glow{position:absolute;border-radius:50%;filter:blur(75px);pointer-events:none;z-index:-1}.about-glow-one{width:360px;height:360px;right:-120px;top:90px;background:rgba(20,184,166,.12)}.about-glow-two{width:280px;height:280px;left:5%;bottom:30px;background:rgba(161,161,170,.12)}.about-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.about-intro{position:relative;z-index:1}.about-eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--about-accent);font:600 .72rem/1.5 MonoLocal,VazirmatnLocal,monospace;letter-spacing:.08em}.status-dot{width:8px;height:8px;border-radius:50%;background:#14b8a6;box-shadow:0 0 0 5px rgba(20,184,166,.12)}.about-intro h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.2;letter-spacing:-.045em;font-weight:800;margin:22px 0}.about-intro h1 span{color:var(--about-accent);display:block}.about-lead{font-size:1.16rem;font-weight:600;line-height:2;color:var(--about-ink);max-width:620px}.about-copy{color:var(--about-muted);line-height:2.1;max-width:600px;margin-top:14px}.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.about-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 20px;border-radius:12px;font-size:.9rem;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s}.about-button:hover{transform:translateY(-3px)}.about-button.primary{background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;box-shadow:0 8px 22px rgba(15,118,110,.16)}.about-button.primary:hover{box-shadow:0 12px 28px rgba(15,118,110,.25)}.about-button.secondary{border:1px solid var(--about-line);color:var(--about-ink);background:rgba(255,255,255,.4)}.dark .about-button.secondary{background:rgba(24,24,27,.45)}.about-socials{display:flex;gap:24px;margin-top:30px;flex-wrap:wrap}.about-socials a{font:500 .76rem MonoLocal,monospace;color:var(--about-muted);transition:color .2s}.about-socials a:hover{color:var(--about-accent)}.about-socials a span{color:var(--about-accent)}.about-portrait-wrap{position:relative;width:min(100%,390px);aspect-ratio: .82;margin-inline:auto}.about-portrait{position:absolute;inset:22px;border-radius:190px 190px 28px 28px;overflow:hidden;background:linear-gradient(145deg,rgba(20,184,166,.22),#27272a);border:1px solid rgba(20,184,166,.25);box-shadow:0 25px 80px rgba(0,0,0,.12)}.about-portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait-placeholder{height:100%;display:grid;place-content:center;text-align:center;font:700 4rem MonoLocal,monospace;color:#f4f4f5;background:radial-gradient(circle at 30% 25%,rgba(20,184,166,.5),transparent 40%),#18181b}.portrait-placeholder span{font-size:1.1rem;color:#5eead4}.portrait-orbit{position:absolute;border:1px solid rgba(20,184,166,.28);border-radius:190px 190px 28px 28px;inset:4px 4px 4px 4px;transform:rotate(7deg)}.orbit-two{inset:35px 4px -2px 20px;transform:rotate(-7deg);border-color:rgba(161,161,170,.3)}.portrait-label{position:absolute;bottom:35px;right:-22px;display:flex;align-items:center;gap:12px;padding:14px 17px;border-radius:14px;background:#fff;color:#18181b;box-shadow:0 15px 40px rgba(0,0,0,.14);border:1px solid #e4e4e7}.dark .portrait-label{background:#18181b;color:#f4f4f5;border-color:#3f3f46}.label-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(20,184,166,.13);color:#0f766e;font:700 1rem MonoLocal,monospace}.portrait-label strong,.portrait-label small{display:block}.portrait-label strong{font-size:.78rem}.portrait-label small{font: .66rem MonoLocal,monospace;color:#71717a;margin-top:4px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:65px;color:var(--about-muted);font: .64rem MonoLocal,monospace;letter-spacing:.05em}.hero-bottom a{font-family:VazirmatnLocal,sans-serif;font-size:.78rem}.hero-bottom a span{color:var(--about-accent);margin-right:6px}.about-section{padding:100px 0}.about-section.tinted{background:#fafafa}.dark .about-section.tinted{background:rgba(24,24,27,.45)}.about-two-column{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.section-heading h2,.section-title-row h2{font-size:clamp(2rem,4vw,3rem);line-height:1.4;letter-spacing:-.03em;margin:15px 0;color:var(--about-ink)}.heading-line{display:block;width:60px;height:3px;border-radius:5px;background:var(--about-accent);margin-top:24px}.about-prose{color:var(--about-muted);line-height:2.15}.about-prose p,.learning-content>p{margin:0 0 16px}.principles{display:grid;gap:0;margin-top:30px;border-top:1px solid var(--about-line)}.principles>div{display:flex;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid var(--about-line)}.principles span{font: .72rem MonoLocal,monospace;color:var(--about-accent)}.principles strong{font-size:.9rem;color:var(--about-ink)}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:38px}.section-index{font-size:.78rem;color:var(--about-muted);padding-bottom:12px}.education-card{display:flex;align-items:center;gap:22px;padding:28px;border:1px solid var(--about-line);border-radius:18px;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.025)}.dark .education-card,.dark .skill-card{background:#18181b}.education-icon{flex-shrink:0;width:58px;height:58px;display:grid;place-items:center;border-radius:15px;background:rgba(20,184,166,.12);color:var(--about-accent);font-size:1.8rem}.card-overline,.timeline-meta{font: .7rem MonoLocal,monospace;color:var(--about-accent)}.education-main h3,.timeline-item h3,.skill-card h3{font-size:1.15rem;color:var(--about-ink);margin:5px 0}.education-main p,.education-main small{color:var(--about-muted);line-height:1.9}.education-main p{margin:0 0 3px}.education-status{margin-right:auto;white-space:nowrap;font-size:.75rem;color:var(--about-muted)}.education-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10b981;margin-left:6px}.editable-note{font-size:.73rem;color:var(--about-muted);margin-top:14px}.experience-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.experience-intro p{color:var(--about-muted);line-height:2}.experience-hint{display:inline-block;border-right:2px solid var(--about-accent);padding-right:12px;color:var(--about-muted);font-size:.78rem;line-height:1.9}.timeline{border-right:1px solid var(--about-line);padding-right:28px}.timeline-item{position:relative;padding:0 0 36px}.timeline-item:last-child{padding-bottom:0}.timeline-pin{position:absolute;right:-34px;top:3px;width:11px;height:11px;background:var(--about-accent);border:3px solid #d1fae5;border-radius:50%;box-sizing:content-box}.timeline-item h3{margin:9px 0}.timeline-item p,.skill-card p,.learning-list p{color:var(--about-muted);font-size:.88rem;line-height:2}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tag-row span{border:1px solid var(--about-line);border-radius:7px;padding:5px 9px;color:var(--about-muted);font: .68rem MonoLocal,VazirmatnLocal,monospace;background:rgba(255,255,255,.4)}.dark .tag-row span{background:rgba(39,39,42,.5)}.skill-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.skill-card{position:relative;padding:26px 22px;border:1px solid var(--about-line);border-radius:16px;background:#fff;transition:transform .25s,border-color .25s}.skill-card:hover{transform:translateY(-5px);border-color:rgba(20,184,166,.7)}.skill-number{position:absolute;left:20px;top:20px;color:var(--about-muted);font: .68rem MonoLocal,monospace}.skill-symbol{width:47px;height:47px;display:grid;place-items:center;border-radius:12px;background:rgba(20,184,166,.12);color:var(--about-accent);font:700 .9rem MonoLocal,monospace}.skill-card h3{margin-top:21px}.skill-card p{min-height:48px;margin:8px 0}.dynamic-skills{margin-top:30px}.dynamic-skills h3{font-size:.9rem;color:var(--about-ink)}.learning-grid{align-items:start}.learning-content{color:var(--about-muted);line-height:2}.learning-list{margin:28px 0}.learning-list>div{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--about-line)}.learning-icon{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(20,184,166,.12);color:var(--about-accent);font-size:1.1rem}.learning-list h3{color:var(--about-ink);font-size:.95rem;margin:0 0 4px}.learning-list p{margin:0}.text-link{display:inline-flex;align-items:center;gap:15px;color:var(--about-accent);font-weight:700;font-size:.85rem}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(-4px)}.project-cta{display:flex;align-items:center;justify-content:space-between;gap:35px}.project-cta h2,.about-contact h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.5;margin:14px 0;color:var(--about-ink)}.project-cta p,.about-contact p{color:var(--about-muted);line-height:2;max-width:650px;margin:0}.project-cta .about-button{flex-shrink:0}.about-contact{padding:75px 0;background:#111827;position:relative;overflow:hidden}.about-contact:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(20,184,166,.18);filter:blur(80px);top:-180px;left:10%}.about-contact-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px}.about-contact h2{color:#fff}.about-contact p{color:#a1a1aa}.about-contact .section-kicker{color:#5eead4}.light-button{background:#fff;color:#18181b;flex-shrink:0}.light-button:hover{background:#ccfbf1}
@media(max-width:850px){.about-hero-grid{gap:35px;grid-template-columns:1fr  .75fr}.about-intro h1{font-size:clamp(2.4rem,6vw,3.7rem)}.about-portrait-wrap{width:100%}.about-two-column{gap:40px}.experience-layout{gap:35px}.skill-groups{grid-template-columns:1fr 1fr}.skill-card:last-child{grid-column:1/-1}}
@media(max-width:640px){.about-container{width:calc(100% - 36px)}.about-hero{padding-top:105px;min-height:auto}.about-hero-grid{grid-template-columns:1fr;gap:42px}.about-intro{order:1}.about-portrait-wrap{order:0;width:min(78%,310px);margin:0 auto}.about-intro h1{font-size:2.8rem}.about-lead{font-size:1rem}.portrait-label{right:-18px;bottom:22px}.hero-bottom{margin-top:45px;font-size:.55rem}.about-section{padding:70px 0}.about-two-column,.experience-layout{grid-template-columns:1fr;gap:30px}.section-heading h2 br{display:none}.section-title-row{align-items:start;flex-direction:column;gap:0;margin-bottom:28px}.section-index{padding:0}.education-card{align-items:flex-start;flex-wrap:wrap;padding:20px;gap:14px}.education-main{width:calc(100% - 75px)}.education-status{margin-right:72px}.skill-groups{grid-template-columns:1fr}.skill-card:last-child{grid-column:auto}.skill-card p{min-height:0}.project-cta,.about-contact-inner{align-items:flex-start;flex-direction:column}.project-cta .about-button,.about-contact .about-button{width:100%}.about-contact{padding:60px 0}.about-socials{gap:17px}}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto!important;transition:none!important}}
.education-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}