body,html{background:var(--bg)}#webgl,.loader,.nav{position:fixed}.loader-mark,.nav-logo{font-family:var(--serif);font-weight:800}.loader-bar span,.nav-progress span{display:block;width:0%;background:var(--accent);height:100%}.btn,.nav-links a{text-decoration:none}.btn-ghost:hover,.sound-toggle:hover{border-color:var(--accent);color:var(--accent)}.contact,.loader-inner,.stat{text-align:center}.portrait-frame img,.social-link:hover .social-icon{transform:scale(1.05)}:root{--bg:#08090b;--bg-soft:#0f1115;--panel:#14171d;--line:rgba(255,255,255,.08);--text:#ece9e2;--text-dim:#8b8d94;--accent:#c8ff4d;--accent-soft:rgba(200,255,77,.12);--serif:'Sora','Vazirmatn',sans-serif;--body:'Vazirmatn',sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--text);overflow-x:hidden;line-height:1.7}::selection{background:var(--accent);color:#08090b}.contact-title .accent,.hero-title .accent,.loader-mark,.nav-logo span{color:var(--accent)}.loader{inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s}.nav,.sound-toggle{z-index:100;display:flex;align-items:center}.loader.hidden{opacity:0;visibility:hidden}.loader-mark{font-size:2.5rem;letter-spacing:2px;margin-bottom:1.5rem}.loader-bar{width:200px;height:2px;background:var(--line);border-radius:2px;overflow:hidden;margin:0 auto 1rem}.loader-bar span{animation:1.6s forwards loadbar}@keyframes loadbar{to{width:100%}}.loader-text{font-size:.85rem;color:var(--text-dim);letter-spacing:1px}#webgl{inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.nav{top:0;right:0;left:0;justify-content:space-between;padding:1.5rem 4rem;mix-blend-mode:difference}.nav-links a::after,.nav-progress{position:absolute;height:1px;left:0;right:0}.nav-logo{font-size:1.1rem;letter-spacing:1px;color:#fff}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:#fff;font-size:.9rem;font-weight:500;position:relative;padding-bottom:4px}.nav-links a::after{content:'';bottom:0;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .35s}.nav-links a:hover::after{transform:scaleX(1)}.nav-progress{bottom:-1px;background:var(--line)}.sound-toggle{position:fixed;bottom:2rem;left:2rem;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:rgba(20,23,29,.7);backdrop-filter:blur(10px);color:var(--text);justify-content:center;cursor:pointer;transition:.3s}.sound-toggle.muted #wave1,.sound-toggle.muted #wave2{opacity:.25}.section{position:relative;z-index:2;min-height:100vh;padding:8rem 4rem}.section-eyebrow{display:inline-block;font-size:.8rem;letter-spacing:3px;color:var(--accent);font-weight:700;margin-bottom:1rem;text-transform:uppercase}.section-title{font-family:var(--body);font-weight:800;font-size:clamp(2rem, 4.5vw, 3.6rem);line-height:1.35;letter-spacing:-1px}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;padding-top:6rem}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at 60% 40%,black 0%,transparent 70%);opacity:.4}.about-media,.hero-content,.hero-portrait,.portrait-frame{position:relative}.btn-primary,.eyebrow-line,.portrait-tag .dot,.scroll-cue-line i{background:var(--accent)}.hero-eyebrow{display:flex;align-items:center;gap:.8rem;font-size:.85rem;letter-spacing:2px;color:var(--text-dim);margin-bottom:2rem;text-transform:uppercase;font-weight:600}.eyebrow-line{display:block;width:40px;height:1px}.hero-title{font-family:var(--body);font-weight:900;font-size:clamp(3rem, 8vw, 6.5rem);line-height:1.15;letter-spacing:-2px;margin-bottom:2rem}.about-quote,.marquee-track span,.skill-index,.stat-num{font-family:var(--serif)}.hero-title .line{display:block;overflow:hidden}.hero-sub{max-width:520px;color:var(--text-dim);font-size:1.05rem;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.2rem;border-radius:100px;font-weight:700;font-size:.95rem;transition:.35s cubic-bezier(.16,1,.3,1)}.btn-primary{color:#08090b}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px var(--accent-soft)}.btn-ghost{border:1px solid var(--line);color:var(--text)}.btn-ghost:hover{transform:translateY(-3px)}.hero-portrait{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.portrait-tag,.scroll-cue{gap:.6rem;display:flex;color:var(--text-dim)}.portrait-frame{width:min(360px,80vw);aspect-ratio:4/5;border-radius:24px;overflow:hidden;border:1px solid var(--line)}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.05)}.portrait-glow{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(circle at 50% 30%,var(--accent-soft),transparent 60%);filter:blur(40px)}.portrait-ring{position:absolute;inset:0;border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}.portrait-tag{align-items:center;font-size:.8rem;letter-spacing:1px}.contact,.scroll-cue{flex-direction:column}.portrait-tag .dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px var(--accent-soft);animation:2s infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}.scroll-cue{position:absolute;bottom:2.5rem;left:4rem;align-items:center;font-size:.75rem;letter-spacing:2px}.about-photo,.marquee,.scroll-cue-line{position:relative;overflow:hidden}.scroll-cue-line{width:1px;height:60px;background:var(--line)}.skill-card,.stat{background:var(--panel)}.scroll-cue-line i{position:absolute;top:-100%;right:0;left:0;height:100%;animation:2s infinite scrolldown}@keyframes scrolldown{0%{top:-100%}50%{top:0}100%{top:100%}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:6rem;padding:1.5rem 0}.marquee::after,.marquee::before{content:"";position:absolute;top:0;width:120px;height:100%;z-index:2;pointer-events:none}.marquee::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.marquee::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.marquee-track{display:flex;gap:3rem;width:max-content;animation:22s linear infinite marquee;will-change:transform;transform:translate3d(0,0,0)}.marquee-track span{font-weight:700;font-size:1.4rem;letter-spacing:1.5px;color:var(--text-dim);opacity:.85;white-space:nowrap}.marquee-track span:nth-child(odd){color:var(--accent);opacity:1}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem;align-items:center}.about-photo{border-radius:20px;aspect-ratio:3/4;border:1px solid var(--line)}.about-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}.about-photo-frame{position:absolute;inset:14px;border:1px solid rgba(255,255,255,.15);border-radius:12px;pointer-events:none}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.stat{padding:1.5rem 1rem;border:1px solid var(--line);border-radius:14px}.stat-num{display:block;font-weight:800;font-size:2.2rem;color:var(--accent)}.stat-label{font-size:.8rem;color:var(--text-dim);margin-top:.4rem;display:block}.about-text p{color:var(--text-dim);margin-bottom:1.2rem;max-width:560px}.about-quote{margin-top:2rem;padding-right:1.5rem;border-right:2px solid var(--accent);font-size:1.15rem;font-weight:600;color:var(--text);max-width:480px}.skill-card p,.skill-index,.stack-intro{color:var(--text-dim)}.stack-header{max-width:700px;margin-bottom:4rem}.stack-intro{margin-top:1.2rem}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.skill-card{position:relative;padding:1.8rem;border-radius:16px;border:1px solid var(--line);transition:.4s cubic-bezier(.16,1,.3,1);overflow:hidden}.skill-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 0,var(--accent-soft),transparent 60%);opacity:0;transition:opacity .4s}.skill-card:hover{transform:translateY(-6px);border-color:rgba(200,255,77,.3)}.skill-card:hover::before{opacity:1}.skill-card.featured{background:linear-gradient(160deg,var(--panel),#1a1f14);border-color:rgba(200,255,77,.18)}.skill-tag,.social-link:hover{background:var(--accent-soft)}.skill-index{font-size:.8rem;margin-bottom:1rem;font-weight:700}.skill-tag,.timeline-year{color:var(--accent);font-weight:700}.skill-card h3{font-family:var(--body);font-size:1.3rem;font-weight:800;margin-bottom:.6rem}.skill-card p{font-size:.88rem;margin-bottom:1.2rem}.skill-tag{display:inline-block;font-size:.7rem;letter-spacing:1px;padding:.3rem .8rem;border-radius:100px}.contact-phone-label,.meta-label,.timeline-year{letter-spacing:2px;text-transform:uppercase}.timeline{max-width:1000px;margin:0 auto}.timeline-track{position:relative;margin-top:5rem;padding-right:2rem}.timeline-line{position:absolute;top:0;bottom:0;right:8px;width:2px;background:var(--line)}.timeline-line-fill{width:100%;height:0%;background:var(--accent)}.timeline-item{position:relative;padding-right:3rem;margin-bottom:3.5rem}.timeline-dot{position:absolute;right:0;top:6px;width:18px;height:18px;border-radius:50%;background:var(--bg-soft);border:2px solid var(--line);transition:.4s}.timeline-item.active .timeline-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft)}.timeline-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.8rem 2rem}.timeline-year{font-size:.78rem}.timeline-card h3{font-size:1.4rem;font-weight:800;margin:.6rem 0}.timeline-card p{color:var(--text-dim);font-size:.92rem}.contact{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.contact-bg{position:absolute;inset:0;z-index:-1}.contact-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:60vw;max-width:800px;max-height:800px;background:radial-gradient(circle,var(--accent-soft),transparent 65%);filter:blur(60px)}.contact-phone,.social-link{background:var(--panel);text-decoration:none}.contact-title{font-family:var(--body);font-weight:900;font-size:clamp(2.5rem, 7vw, 5.5rem);line-height:1.2;margin-bottom:1.5rem}.contact-sub{color:var(--text-dim);max-width:500px;margin-bottom:3rem}.contact-social,.footer{width:100%;max-width:600px}.contact-meta,.contact-phone{margin-bottom:4rem;display:flex}.contact-phone{flex-direction:column;align-items:center;gap:.6rem;color:var(--text);padding:2rem 4rem;border:1px solid var(--line);border-radius:24px;transition:.4s cubic-bezier(.16,1,.3,1);opacity:.8!important}.contact-phone:hover{border-color:var(--accent);transform:translateY(-4px) scale(1.02);box-shadow:0 20px 50px var(--accent-soft)}.contact-phone-label{font-size:.8rem;color:var(--text-dim)}.contact-phone-number{font-family:var(--serif);font-size:2.4rem;font-weight:800;color:var(--accent)}.footer,.meta-label{color:var(--text-dim)}.contact-meta{gap:3rem;flex-wrap:wrap;justify-content:center}.meta-item{display:flex;flex-direction:column;gap:.4rem}.meta-label{font-size:.75rem}.meta-value{font-weight:700}.social-link,.social-link span{font-weight:500}.footer{display:flex;gap:2rem;font-size:.8rem;border-top:1px solid var(--line);padding-top:2rem;justify-content:center}@media (max-width:1024px){.about-grid,.hero{grid-template-columns:1fr;gap:3rem}.nav{padding:1.2rem 1.8rem}.nav-links{display:none}.section{padding:6rem 1.8rem}.hero{text-align:center;padding-top:8rem}.hero-actions,.hero-eyebrow{justify-content:center}.hero-sub{margin-inline:auto}.scroll-cue{left:50%;transform:translateX(-50%)}.about-stats{grid-template-columns:repeat(3,1fr)}.stack-grid{grid-template-columns:repeat(2,1fr)}.contact-phone{padding:1.5rem 2.5rem}.contact-phone-number{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important;scroll-behavior:auto!important}}.contact-social{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin:2rem 0 2.5rem}.social-link{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.5rem;border:1px solid var(--line);border-radius:100px;color:var(--text);font-size:.9rem;transition:.3s cubic-bezier(.16, 1, .3, 1);backdrop-filter:blur(4px)}.social-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}.social-icon{width:18px;height:18px;stroke-width:1.8;transition:transform .2s}@media (max-width:560px){.about-stats,.stack-grid{grid-template-columns:1fr}.contact-meta{gap:1.5rem;flex-direction:column;align-items:center}.timeline-track{padding-right:1rem}.timeline-item{padding-right:2.2rem}.contact-social{gap:1rem}.social-link{padding:.5rem 1.2rem;font-size:.8rem}.social-icon{width:16px;height:16px}}.skill-card{opacity:.9}