:root{--bg:#080b12;--panel:#10151f;--text:#f4f3ee;--muted:#9da3ae;--accent:#9d7bff;--purple:#a985ff;--line:#222936}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Vazirmatn",sans-serif;line-height:1.8;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.container{width:min(1140px,calc(100% - 48px));margin:auto}.nav-wrap{position:fixed;top:0;width:100%;z-index:10;background:rgba(8,11,18,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:78px;display:flex;align-items:center;gap:42px}.brand{font-weight:800;font-size:20px;color:#fff;text-decoration:none}.brand span{color:var(--accent)}.nav-links{display:flex;gap:30px;margin:auto}.nav-links a,.socials a{color:#b9bec6;text-decoration:none;font-size:14px;transition:.25s}.nav-links a:hover,.socials a:hover{color:var(--accent)}.nav-cta{color:#111;text-decoration:none;background:var(--accent);padding:9px 20px;border-radius:6px;font-weight:700;font-size:13px}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:23px}.hero{min-height:100vh;padding-top:150px;padding-bottom:75px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;position:relative}.eyebrow,.section-label{color:var(--accent);font-size:13px;letter-spacing:.5px;font-weight:600}.eyebrow i{width:7px;height:7px;background:var(--accent);box-shadow:0 0 12px var(--accent);border-radius:50%;display:inline-block;margin-left:8px}.hero h1{font-size:clamp(42px,5vw,69px);line-height:1.25;letter-spacing:-2px;margin:20px 0 25px}.hero h1 em{font-style:normal;color:var(--accent)}.hero h1 span,.section h2 span,.contact-box h2 span{color:transparent;-webkit-text-stroke:1px #777}.hero-copy>p{max-width:650px;color:var(--muted);font-size:16px}.hero-actions{display:flex;gap:12px;margin:34px 0}.btn{padding:12px 25px;border:1px solid #303641;border-radius:7px;color:#fff;text-decoration:none;font-weight:600}.btn.primary{background:var(--accent);color:#10140d;border-color:var(--accent)}.btn b{margin-right:12px}.btn:hover{transform:translateY(-2px)}.socials{display:flex;gap:12px;align-items:center;font-size:12px;color:#525966}.hero-visual{position:relative;direction:ltr}.code-card{background:rgba(16,21,31,.94);border:1px solid #2b3340;border-radius:14px;box-shadow:0 30px 100px rgba(0,0,0,.55);overflow:hidden;position:relative;z-index:2;transform:perspective(900px) rotateY(2deg)}.code-head{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#7c8491;font-size:12px}.code-head i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#8b5cf6;margin-right:5px}.code-head i:nth-child(2){background:#60a5fa}.code-head i:nth-child(3){background:#7dd3fc}.code-card pre{padding:25px 30px;margin:0;color:#c5cad3;font-size:14px;line-height:1.75;overflow:auto}.code-card code b{color:#d598ff}.code-card code strong{color:#73ddff}.code-card code mark{background:none;color:#80d8ff}.code-card code q{color:#8fcfff}.terminal{background:#090c12;border-top:1px solid var(--line);padding:17px 25px;font-family:monospace;color:#d9dce1}.terminal span,.terminal small{color:var(--accent)}.orbit{position:absolute;border:1px solid rgba(157,123,255,.12);border-radius:50%}.orbit-one{width:500px;height:500px;top:-65px;left:-60px}.orbit-two{width:380px;height:380px;top:-5px;left:0}.float-chip{position:absolute;z-index:3;background:#171d27;border:1px solid #303846;padding:8px 14px;border-radius:7px;font-size:12px;box-shadow:0 10px 30px #000}.chip-one{right:-35px;top:90px;color:#9adfff}.chip-two{left:-25px;bottom:70px;color:#e2b7ff}.scroll{position:absolute;bottom:30px;right:0;color:#747b87;text-decoration:none;font-size:11px;display:flex;gap:12px;align-items:center}.scroll i{border:1px solid #343b46;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-style:normal}.section{padding:115px 0}.section-label{margin-bottom:30px}.about-grid,.title-row{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.section h2,.contact-box h2{font-size:clamp(35px,4vw,53px);line-height:1.35;margin:0;letter-spacing:-1px}.about-grid p,.title-row p,.contact-box p{color:var(--muted);margin-top:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{padding:30px;border-left:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{font-size:34px;color:var(--accent);display:block}.stats span{font-size:13px;color:var(--muted)}.dark-section{background:#0d1119;border-block:1px solid #181e28}.title-row{margin-bottom:55px}.title-row p{max-width:440px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.skills-grid article{background:#121823;border:1px solid #242c38;padding:32px;border-radius:8px;position:relative;transition:.25s}.skills-grid article:hover{transform:translateY(-6px);border-color:#6550a8}.skills-grid article>b{position:absolute;left:25px;top:20px;color:#454d5a;font-size:12px}.skill-icon{width:53px;height:53px;border:1px solid #514071;color:var(--accent);display:grid;place-items:center;border-radius:10px;font-family:monospace;font-weight:bold}.skills-grid h3{font-size:21px;margin:22px 0 10px}.skills-grid p,.project-info p{color:var(--muted);font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{font-size:11px;background:#1c2430;border:1px solid #28313e;border-radius:4px;padding:3px 9px;color:#bdc2ca}.projects{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project{border:1px solid var(--line);background:#0d1118;border-radius:10px;overflow:hidden}.project-art{height:300px;margin:14px;border-radius:6px;position:relative;overflow:hidden;padding:25px;font-family:monospace;color:rgba(255,255,255,.7)}.project-art.purple{background:linear-gradient(145deg,#36235b,#171328)}.project-art.galaxy{background:linear-gradient(145deg,#21164a,#0e1028)}.dash{position:absolute;inset:90px 40px 35px;display:flex;align-items:end;gap:16px;border-bottom:1px solid #7258a5}.dash i{flex:1;height:40%;background:#9c78eb;border-radius:4px 4px 0 0}.dash i:nth-child(2){height:80%}.dash i:nth-child(3){height:55%}.dash i:nth-child(4){height:95%}.dash i:nth-child(5){height:70%}.phone{width:165px;height:250px;position:absolute;left:50%;top:30px;transform:translateX(-50%);background:#f4f5ef;color:#211438;border-radius:18px;padding:35px 16px 15px;text-align:center;font-family:Vazirmatn}.phone i{display:block;width:60px;height:60px;background:#c4b5fd;border-radius:50%;margin:15px auto}.phone b{font-size:13px;display:block}.phone em{font-style:normal;font-size:9px;background:#6d4ed1;color:white;padding:5px 20px;border-radius:4px}.project-info{padding:20px 30px 30px}.project-info small{color:var(--accent);font-size:11px}.project-info h3{font-size:23px;margin:8px 0}.project-info a{display:inline-block;margin-top:22px;color:#fff;text-decoration:none;font-size:13px;border-bottom:1px solid var(--accent)}.contact-section{padding:110px 0;background:var(--accent);color:#0b1009}.contact-box{display:grid;grid-template-columns:1.2fr .8fr;gap:100px}.contact-box .section-label{color:#8d75bf}.contact-box h2{font-size:58px}.contact-box h2 span{-webkit-text-stroke:1px #9d7bff}.contact-box p{color:#a8a0ba;max-width:580px}.contact-links a{display:grid;grid-template-columns:1fr auto;position:relative;color:#111;text-decoration:none;padding:20px 0;border-bottom:1px solid rgba(0,0,0,.25)}.contact-links small{grid-column:1;font-size:11px}.contact-links b{grid-column:1}.contact-links i{grid-column:2;grid-row:1/3;font-size:25px;font-style:normal}footer{padding:35px 0;background:#07090e}footer .container{display:flex;align-items:center;justify-content:space-between}footer p,footer small{color:#6e7580;font-size:11px}.reveal{animation:rise .8s ease both}.hero-visual{animation-delay:.15s}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.nav-links,.nav-cta{display:none}.menu-btn{display:block;margin-right:auto}.nav-links.open{display:flex;position:absolute;top:78px;right:0;width:100%;background:#0d1119;flex-direction:column;padding:25px}.hero{grid-template-columns:1fr;padding-top:125px}.hero-visual{margin-top:35px}.hero h1{font-size:44px}.about-grid,.title-row,.contact-box{grid-template-columns:1fr;gap:25px}.skills-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.projects{grid-template-columns:1fr}.contact-box h2{font-size:44px}.contact-box{gap:40px}.scroll{display:none}}
@media(max-width:520px){.container{width:min(100% - 28px,1140px)}.hero h1{font-size:36px}.hero-actions{flex-direction:column}.btn{text-align:center}.code-card pre{font-size:10px;padding:18px}.float-chip{display:none}.section{padding:80px 0}.stats{grid-template-columns:1fr 1fr}.stats div{padding:18px}.stats strong{font-size:27px}.project-art{height:240px}footer .container{flex-direction:column;gap:8px;text-align:center}}

/* Modern motion layer */
.scroll-progress{position:fixed;inset:0 0 auto;z-index:50;height:3px;background:linear-gradient(90deg,var(--accent),#70dfff,var(--purple));transform:scaleX(0);transform-origin:right;will-change:transform}
#particles{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.55;pointer-events:none}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;z-index:-1;pointer-events:none;opacity:.13;background:radial-gradient(circle,var(--accent),transparent 68%);transform:translate3d(-50%,-50%,0);will-change:left,top}
.split-title{background:linear-gradient(105deg,#fff 15%,#aeb7c6 43%,#fff 52%,#fff 100%);background-size:230% auto;background-clip:text;-webkit-background-clip:text;animation:titleShimmer 7s linear infinite}.split-title em,.split-title span{-webkit-text-fill-color:initial}
.eyebrow i{animation:signal 1.8s ease-out infinite}.code-card{animation:cardFloat 6s ease-in-out infinite}.orbit-one{animation:orbitSpin 22s linear infinite}.orbit-two{animation:orbitSpin 15s linear infinite reverse}.chip-one{animation:chipFloat 4s ease-in-out infinite}.chip-two{animation:chipFloat 4.6s ease-in-out .8s infinite}.tilt-card{transform-style:preserve-3d;will-change:transform}.tilt-card>*{transform:translateZ(18px)}
.scroll-reveal{view-timeline-name:--reveal;view-timeline-axis:block;animation:modernReveal linear both;animation-timeline:--reveal;animation-range:entry 8% cover 38%}.project-art:after{content:"";position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.16) 50%,transparent 58%);animation:glassSweep 5s ease-in-out infinite}.skill-icon{position:relative;overflow:hidden}.skill-icon:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(157,123,255,.38),transparent 60%);animation:breathe 2.5s ease-in-out infinite}.btn.primary{position:relative;overflow:hidden}.btn.primary:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-120%);animation:buttonSweep 3.5s ease-in-out infinite}
@keyframes titleShimmer{to{background-position:-230% center}}@keyframes signal{0%{box-shadow:0 0 0 0 rgba(157,123,255,.6)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}@keyframes cardFloat{0%,100%{transform:perspective(900px) rotateY(2deg) translateY(0)}50%{transform:perspective(900px) rotateY(-1deg) translateY(-12px)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes chipFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes modernReveal{from{opacity:0;transform:translateY(70px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes glassSweep{0%,55%{transform:translateX(-55%) rotate(8deg)}100%{transform:translateX(55%) rotate(8deg)}}@keyframes breathe{50%{opacity:.25;transform:scale(1.3)}}@keyframes buttonSweep{0%,65%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-glow,#particles{display:none}.scroll-reveal{animation:none}}

/* Animated expertise system */
.expertise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.expert-card{position:relative;overflow:hidden;min-height:445px;padding:25px 30px 30px;background:linear-gradient(145deg,#131a25,#0e131c);border:1px solid #252e3b;border-radius:12px;transition:border-color .3s,box-shadow .3s}.expert-card:hover{border-color:#6550a8;box-shadow:0 24px 70px rgba(0,0,0,.3)}.expert-card>b{position:absolute;top:18px;left:22px;color:#525c69;font:11px monospace}.expert-card h3{font-size:22px;margin:23px 0 7px}.expert-card p{color:var(--muted);font-size:13px;min-height:52px}.expert-visual{height:205px;border-radius:9px;background:#090d14;border:1px solid #202937;position:relative;overflow:hidden;display:grid;place-items:center}.expert-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,#000,transparent)}
.api-flow{grid-template-columns:auto 1fr auto 1fr auto;padding:0 35px}.api-flow i{z-index:1;border:1px solid #415063;background:#121b27;padding:9px 11px;border-radius:6px;color:#cbd4df;font:10px monospace}.api-flow i:nth-of-type(2){border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px rgba(157,123,255,.14)}.api-flow span{height:1px;background:#334151;position:relative}.api-flow span:after{content:"";position:absolute;width:8px;height:8px;top:-3px;border-radius:50%;background:#72dbff;box-shadow:0 0 12px #72dbff;animation:apiPacket 1.8s ease-in-out infinite}.api-flow span:nth-of-type(2):after{animation-delay:.9s}.api-flow em{position:absolute;width:170px;height:170px;border:1px dashed rgba(157,123,255,.22);border-radius:50%;animation:orbitSpin 18s linear infinite}
.database-live{grid-template-columns:120px 1fr;padding:30px}.db-cylinder{width:82px;height:100px;border:2px solid #67cfff;border-radius:50%/15%;position:relative;box-shadow:inset 0 0 25px rgba(103,207,255,.12),0 0 22px rgba(103,207,255,.08);animation:dbGlow 2s ease-in-out infinite}.db-cylinder:before,.db-cylinder:after{content:"";position:absolute;left:-2px;width:82px;height:25px;border:2px solid #67cfff;border-radius:50%}.db-cylinder:before{top:22px}.db-cylinder:after{top:53px}.query-lines{width:100%;display:flex;gap:7px;align-items:end;height:82px}.query-lines i{flex:1;height:20%;background:linear-gradient(#a987ff,#6b50a7);animation:queryBar 2.2s ease-in-out infinite}.query-lines i:nth-child(2){animation-delay:.2s}.query-lines i:nth-child(3){animation-delay:.4s}.query-lines i:nth-child(4){animation-delay:.6s}.database-live small{position:absolute;bottom:15px;left:24px;color:#788392;font:9px monospace}.database-live small span{color:var(--accent)}
.security-live .radar{position:absolute;width:155px;height:155px;border:1px solid #3f356e;border-radius:50%;background:conic-gradient(from 0deg,transparent 75%,rgba(157,123,255,.22));animation:orbitSpin 3s linear infinite}.security-live .radar:before,.security-live .radar:after{content:"";position:absolute;inset:25px;border:1px solid #282347;border-radius:50%}.security-live .radar:after{inset:52px}.shield{z-index:2;width:58px;height:65px;display:grid;place-items:center;color:var(--accent);font-size:25px;background:#1a1433;border:1px solid #785ecf;clip-path:polygon(50% 0,95% 17%,87% 75%,50% 100%,13% 75%,5% 17%);animation:shieldLock 2.8s ease-in-out infinite}.auth-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#a78bfa;box-shadow:0 0 10px #a78bfa}.d1{top:40px;left:90px}.d2{bottom:35px;right:80px}.d3{top:65px;right:55px}
.jobs-live .job-core{z-index:2;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#1b1730;border:1px solid #9d7ce4;color:#bd9eff;font:11px monospace;box-shadow:0 0 30px rgba(169,133,255,.16)}.jobs-live>i{position:absolute;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#141b27;border:1px solid #3b4657;color:#8490a0;font:9px monospace;animation:jobOrbit 7s linear infinite}.jobs-live>i:nth-of-type(2){animation-delay:-1.75s}.jobs-live>i:nth-of-type(3){animation-delay:-3.5s}.jobs-live>i:nth-of-type(4){animation-delay:-5.25s}.job-pulse{position:absolute;width:100px;height:100px;border:1px solid rgba(169,133,255,.25);border-radius:50%;animation:jobPulse 2s ease-out infinite}
.pipeline-live{display:block;padding:65px 28px}.pipeline-live>div{display:flex;justify-content:space-between;position:relative;z-index:2}.pipeline-live i{font:8px monospace;color:#b5bfca;background:#151e29;border:1px solid #3b4858;border-radius:4px;padding:8px 6px}.pipeline-live>span{position:absolute;top:81px;left:55px;right:55px;height:2px;background:#2e3d49}.pipeline-live>span:after{content:"";position:absolute;width:45px;height:2px;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:deployFlow 2.7s ease-in-out infinite}.pipeline-live small{position:absolute;bottom:28px;left:50%;translate:-50%;font:9px monospace;color:var(--accent);opacity:0;animation:deployed 2.7s ease-in-out infinite}
.sensor-live{display:block}.signal-canvas{position:absolute;inset:0;width:100%;height:100%}.sensor-status{position:absolute;left:18px;right:18px;bottom:14px;color:#788694;font:9px monospace;display:flex;align-items:center;gap:7px}.sensor-status i{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 9px var(--accent);animation:signal 1s infinite}.sensor-status b{margin-left:auto;color:#73d9ff}
@keyframes apiPacket{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}@keyframes dbGlow{50%{filter:drop-shadow(0 0 9px #67cfff)}}@keyframes queryBar{0%,100%{height:18%}50%{height:85%}}@keyframes shieldLock{0%,70%,100%{transform:scale(1)}80%{transform:scale(.88)}90%{transform:scale(1.08)}}@keyframes jobOrbit{from{transform:rotate(0deg) translateX(72px) rotate(0deg)}to{transform:rotate(360deg) translateX(72px) rotate(-360deg)}}@keyframes jobPulse{from{transform:scale(.6);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes deployFlow{0%{left:0;opacity:0}15%{opacity:1}80%{opacity:1}100%{left:calc(100% - 45px);opacity:0}}@keyframes deployed{0%,68%{opacity:0;transform:translateY(5px)}78%,92%{opacity:1;transform:none}100%{opacity:0}}
@media(max-width:850px){.expertise-grid{grid-template-columns:1fr}.expert-card{min-height:auto}}@media(max-width:520px){.expert-card{padding:18px}.expert-visual{height:175px}.api-flow{padding:0 15px}}

/* Evidence-first case studies */
.project.flagship{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr}.project.flagship .project-art{height:auto;min-height:410px}.impact-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.impact-list span{padding:6px 10px;border-right:2px solid var(--accent);background:#131a21;color:#cdd3dc;font-size:11px}.wallet-map{position:absolute;inset:55px 35px 30px}.wallet-map b{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:95px;height:95px;display:grid;place-items:center;border-radius:50%;background:#1d1534;border:1px solid #b28cff;color:#cfb8ff;font:11px monospace;box-shadow:0 0 45px rgba(169,133,255,.3);animation:walletPulse 2.5s ease-in-out infinite}.wallet-map i{position:absolute;padding:7px 9px;background:#171423;border:1px solid #6f588f;border-radius:5px;font:9px monospace;font-style:normal}.wallet-map i:after{content:"";position:absolute;width:70px;height:1px;background:linear-gradient(90deg,#9c78eb,transparent);top:50%}.wallet-map i:nth-of-type(1){top:8%;left:5%}.wallet-map i:nth-of-type(2){top:8%;right:5%}.wallet-map i:nth-of-type(3){bottom:8%;left:5%}.wallet-map i:nth-of-type(4){bottom:8%;right:5%}.warning-wave{position:absolute;inset:70px 30px 35px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #4f46a8}.warning-wave i{flex:1;background:#60a5fa;animation:warningBars 2s ease-in-out infinite}.warning-wave i:nth-child(1){height:20%}.warning-wave i:nth-child(2){height:32%;animation-delay:.15s}.warning-wave i:nth-child(3){height:45%;animation-delay:.3s}.warning-wave i:nth-child(4){height:68%;animation-delay:.45s}.warning-wave i:nth-child(5){height:92%;background:#7c3aed;animation-delay:.6s}.warning-wave b{position:absolute;top:0;right:0;color:#a78bfa;font:9px monospace;animation:warningBlink 1.2s infinite}.turbine{position:absolute;left:50%;top:53%;translate:-50% -50%;width:150px;height:150px;border:1px solid #735ca0;border-radius:50%;animation:orbitSpin 13s linear infinite}.turbine i{position:absolute;left:69px;top:10px;width:12px;height:65px;background:linear-gradient(#a985ff,transparent);clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:6px 65px}.turbine i:nth-child(2){rotate:90deg}.turbine i:nth-child(3){rotate:180deg}.turbine i:nth-child(4){rotate:270deg}.turbine b{position:absolute;left:50%;top:50%;translate:-50% -50%;background:#151020;border:1px solid #a985ff;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;font:10px monospace}.power-gauge{position:absolute;left:50%;top:55%;translate:-50% -50%;width:180px;height:90px;border:10px solid #28234d;border-bottom:0;border-radius:180px 180px 0 0}.power-gauge:before{content:"";position:absolute;inset:-10px -10px auto;height:90px;border:10px solid var(--accent);border-bottom:0;border-radius:180px 180px 0 0;clip-path:polygon(0 0,78% 0,50% 100%,0 100%);filter:drop-shadow(0 0 7px rgba(157,123,255,.5))}.power-gauge i{position:absolute;width:4px;height:70px;background:#fff;left:50%;bottom:0;transform-origin:bottom;animation:gaugeNeedle 3.2s ease-in-out infinite}.power-gauge b{position:absolute;top:90px;width:100%;text-align:center;color:var(--accent);font:14px monospace}.power-gauge small{position:absolute;top:118px;width:100%;text-align:center;color:#7f86a4;font:8px monospace}
@keyframes walletPulse{50%{transform:scale(1.08);box-shadow:0 0 65px rgba(169,133,255,.42)}}@keyframes warningBars{50%{filter:brightness(1.55);transform:scaleY(.85);transform-origin:bottom}}@keyframes warningBlink{50%{opacity:.25}}@keyframes gaugeNeedle{0%,100%{transform:rotate(-55deg)}50%{transform:rotate(55deg)}}
@media(max-width:850px){.project.flagship{display:block}.project.flagship .project-art{min-height:300px}}

/* MRD.MOON hero universe */
.moon-brand{direction:ltr;display:inline-flex;align-items:center;gap:2px;letter-spacing:1.5px}.moon-brand i{width:9px;height:9px;border-radius:50%;margin-left:7px;background:linear-gradient(135deg,#fff,#596172);box-shadow:-3px 0 0 #222938,0 0 12px rgba(255,255,255,.35)}
.moon-scene{position:relative;width:100%;aspect-ratio:1/1.03;max-height:650px;overflow:hidden;border-radius:50% 50% 42% 42%;isolation:isolate;background:radial-gradient(circle at 48% 40%,#172039 0,#0a0e1a 42%,transparent 68%)}.deep-stars{position:absolute;inset:0}.deep-stars i{position:absolute;width:2px;height:2px;background:white;border-radius:50%;box-shadow:0 0 7px white;animation:starBlink 2s ease-in-out infinite}.deep-stars i:nth-child(1){top:12%;left:18%}.deep-stars i:nth-child(2){top:22%;right:11%;animation-delay:.4s}.deep-stars i:nth-child(3){top:43%;left:5%;animation-delay:1.2s}.deep-stars i:nth-child(4){top:8%;left:58%;animation-delay:.8s}.deep-stars i:nth-child(5){top:56%;right:5%}.deep-stars i:nth-child(6){top:31%;left:32%;animation-delay:.6s}.deep-stars i:nth-child(7){top:5%;right:21%;animation-delay:1.5s}.deep-stars i:nth-child(8){top:61%;left:14%;animation-delay:.2s}.planet-glow{position:absolute;width:78%;height:78%;left:11%;bottom:-13%;border-radius:50%;background:rgba(195,208,224,.12);filter:blur(25px);box-shadow:0 0 90px rgba(112,217,255,.15);animation:moonAura 5s ease-in-out infinite}.moon{position:absolute;width:82%;height:82%;left:9%;bottom:-22%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 34% 25%,#f0f2ee 0,#adb4bc 37%,#646d7a 67%,#303846 100%);box-shadow:inset -38px -15px 65px #29313e,inset 18px 8px 30px rgba(255,255,255,.55),0 -15px 55px rgba(137,193,220,.18);animation:moonHover 7s ease-in-out infinite}.moon:before{content:"";position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.35' numOctaves='3' seed='8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.moon-shadow{position:absolute;inset:-6% -20% -6% 48%;border-radius:50%;background:rgba(14,20,32,.35);filter:blur(9px)}.crater{position:absolute;border-radius:50%;background:rgba(76,85,97,.28);box-shadow:inset 4px 4px 8px rgba(25,31,42,.28),3px 3px 6px rgba(255,255,255,.16)}.c1{width:68px;height:42px;left:12%;top:38%;rotate:-20deg}.c2{width:36px;height:27px;right:18%;top:24%}.c3{width:24px;height:18px;left:36%;top:14%}.c4{width:54px;height:37px;right:28%;top:51%}.c5{width:18px;height:13px;left:23%;top:62%}
.satellite-orbit{position:absolute;width:87%;height:56%;left:6%;top:6%;border:1px solid rgba(123,218,255,.14);border-radius:50%;transform:rotate(-18deg);animation:orbitSpin 14s linear infinite}.satellite{position:absolute;left:5%;top:16%;width:34px;height:23px;background:#cbd5dd;border:3px solid #586476;transform:rotate(18deg);box-shadow:0 0 16px rgba(123,218,255,.35)}.satellite i,.satellite b{position:absolute;top:2px;width:28px;height:14px;background:repeating-linear-gradient(90deg,#568fb5 0 5px,#20364d 5px 7px);border:1px solid #76bce8}.satellite i{right:34px}.satellite b{left:34px}.satellite span{position:absolute;width:8px;height:8px;border-radius:50%;background:#9d7bff;left:10px;top:5px;animation:signal 1s infinite}.code-comets code{position:absolute;direction:ltr;color:#74dfff;font:8px monospace;padding:4px 8px;border:1px solid rgba(116,223,255,.2);background:rgba(8,14,25,.65);border-radius:3px;opacity:0;animation:codeDrift 7s linear infinite}.code-comets code:nth-child(1){top:18%;left:14%}.code-comets code:nth-child(2){top:34%;right:4%;animation-delay:2.4s}.code-comets code:nth-child(3){top:47%;left:2%;animation-delay:4.8s}
.astronaut-coder{position:absolute;width:210px;height:245px;left:50%;bottom:10%;translate:-50%;z-index:3;animation:lowGravity 5s ease-in-out infinite}.helmet{position:absolute;width:91px;height:88px;left:58px;top:2px;border-radius:48% 48% 44% 44%;background:linear-gradient(140deg,#f9faf8,#bbc4cd);border:3px solid #737e8a;box-shadow:inset 8px 5px 8px white,0 8px 18px rgba(0,0,0,.35);z-index:5}.visor{position:absolute;inset:12px 9px 15px;border-radius:46% 46% 43% 43%;overflow:hidden;background:linear-gradient(145deg,#263548,#08101e 68%);border:2px solid #687b8d;box-shadow:inset 8px 6px 13px rgba(112,218,255,.18)}.visor:before{content:"";position:absolute;width:70px;height:15px;left:-8px;top:7px;background:linear-gradient(90deg,transparent,rgba(178,235,255,.48),transparent);rotate:-25deg;animation:visorShine 4s ease-in-out infinite}.visor span{position:absolute;width:5px;height:5px;border-radius:50%;background:#9d7bff;right:13px;bottom:12px;box-shadow:0 0 8px #9d7bff}.antenna{position:absolute;width:2px;height:27px;background:#89939c;left:72px;top:-15px;rotate:-15deg}.antenna i{position:absolute;width:7px;height:7px;border-radius:50%;background:#7c3aed;left:-2px;top:-4px;box-shadow:0 0 9px #7c3aed;animation:signal 1.4s infinite}.backpack{position:absolute;width:75px;height:95px;left:45px;top:73px;border-radius:13px;background:#818b95;border:4px solid #525c68;rotate:8deg}.body-suit{position:absolute;width:85px;height:99px;left:64px;top:76px;border-radius:20px 20px 28px 28px;background:linear-gradient(120deg,#ecf0ed,#929ca7);border:3px solid #626d78;z-index:3}.body-suit i{position:absolute;width:45px;height:32px;top:23px;left:19px;border-radius:4px;background:#46515e;border:2px solid #737f8c}.body-suit i:after{content:"";position:absolute;width:6px;height:6px;top:7px;left:7px;background:#9d7bff;border-radius:50%;box-shadow:11px 0 #70dfff,22px 0 #a78bfa}.body-suit b{position:absolute;bottom:9px;left:31px;color:#333e49;font:8px monospace}.arm{position:absolute;width:24px;height:86px;top:89px;background:#c9d0d2;border:3px solid #69737d;border-radius:15px;transform-origin:top;z-index:4}.arm i{position:absolute;width:25px;height:24px;border-radius:50%;background:#77828c;border:3px solid #515b66;bottom:-10px}.arm-left{left:52px;rotate:-35deg;animation:typeLeft .65s ease-in-out infinite alternate}.arm-right{right:45px;rotate:38deg;animation:typeRight .65s ease-in-out .2s infinite alternate}.leg{position:absolute;width:29px;height:85px;top:155px;background:#aab3b9;border:3px solid #626d77;border-radius:13px;transform-origin:top;z-index:2}.leg i{position:absolute;width:45px;height:25px;bottom:-8px;background:#69747e;border:3px solid #4a535d;border-radius:8px}.leg-left{left:73px;rotate:17deg}.leg-right{right:62px;rotate:-28deg}.laptop{position:absolute;width:115px;height:70px;left:49px;top:132px;z-index:6;perspective:300px}.screen{height:62px;background:#101826;border:4px solid #687580;border-radius:5px;transform:rotateX(-10deg);box-shadow:0 0 25px rgba(112,223,255,.25)}.screen code{display:block;padding:10px;color:#75dfff;font:8px/1.6 monospace;direction:ltr}.screen code span{color:#9d7bff}.laptop>i{display:block;width:130px;height:8px;background:#75808a;margin-left:-7px;transform:skewX(-30deg);border-radius:0 0 5px 5px}.moon-dust i{position:absolute;bottom:15%;left:50%;z-index:2;width:4px;height:4px;border-radius:50%;background:#bbc2c4;opacity:0;animation:dust 3s ease-out infinite}.moon-dust i:nth-child(2){animation-delay:.5s;margin-left:30px}.moon-dust i:nth-child(3){animation-delay:1s;margin-left:-45px}.moon-dust i:nth-child(4){animation-delay:1.6s;margin-left:60px}.moon-dust i:nth-child(5){animation-delay:2.1s;margin-left:-65px}.scene-caption{position:absolute;bottom:3%;left:8%;right:8%;z-index:5;direction:ltr;display:flex;align-items:center;gap:10px;color:#fff}.scene-caption>span{font:9px monospace;border:1px solid rgba(255,255,255,.4);width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.scene-caption b,.scene-caption small{display:block;font:9px monospace;letter-spacing:1px}.scene-caption small{color:#9d7bff;font-size:7px;margin-top:3px}
@keyframes starBlink{50%{opacity:.18;transform:scale(.5)}}@keyframes moonAura{50%{opacity:.55;transform:scale(1.06)}}@keyframes moonHover{50%{transform:translateY(5px)}}@keyframes codeDrift{0%{opacity:0;transform:translateY(25px)}20%,70%{opacity:.7}100%{opacity:0;transform:translateY(-30px)}}@keyframes lowGravity{50%{transform:translateY(-7px) rotate(.7deg)}}@keyframes visorShine{0%,35%{translate:-50px}75%,100%{translate:100px}}@keyframes typeLeft{to{rotate:-29deg}}@keyframes typeRight{to{rotate:31deg}}@keyframes dust{0%{opacity:0;transform:translate(0,0)}25%{opacity:.5}100%{opacity:0;transform:translate(25px,-55px)}}
@media(max-width:850px){.moon-scene{max-width:560px;margin:auto}.astronaut-coder{scale:.9}}@media(max-width:520px){.moon-scene{overflow:visible}.astronaut-coder{scale:.72;bottom:4%}.scene-caption{display:none}.code-comets{display:none}}

/* Multi-platform capability visuals */
.device-live{display:block}.device{position:absolute;background:#121a27;border:3px solid #687585;box-shadow:0 15px 30px rgba(0,0,0,.3)}.device:before{content:"";position:absolute;inset:8px 5px;background:linear-gradient(145deg,#162b3b,#0d1421);border-radius:4px}.device b{position:absolute;inset:0;display:grid;place-items:center;color:#70dfff;font:10px monospace;z-index:2}.device i{position:absolute;z-index:3;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.phone-device{width:64px;height:120px;border-radius:13px;left:31%;top:42px;animation:deviceFloat 3.5s ease-in-out infinite}.phone-device i{bottom:7px;left:26px}.tablet-device{width:105px;height:82px;border-radius:9px;right:25%;top:70px;animation:deviceFloat 3.5s ease-in-out .5s infinite}.tablet-device i{right:4px;top:35px}.device-live>span{position:absolute;width:105px;height:1px;left:43%;top:107px;background:linear-gradient(90deg,#70dfff,transparent);animation:deviceSignal 2s ease-in-out infinite}
.os-live{display:block;padding:38px}.desktop-window{height:105px;border:1px solid #526173;background:#0c121d;border-radius:7px;box-shadow:0 18px 35px rgba(0,0,0,.35);padding:10px;animation:windowFloat 4s ease-in-out infinite}.desktop-window>i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8b5cf6;margin-right:3px}.desktop-window>i:nth-child(2){background:#a78bfa}.desktop-window>i:nth-child(3){background:var(--accent)}.desktop-window code{display:block;color:#78dfff;font:10px monospace;margin:22px 12px;direction:ltr}.os-live>span{display:inline-block;margin:18px 15px 0;color:#9ca7b4;font:8px monospace}.os-live>span:last-child{color:var(--accent)}
.admin-ui{position:absolute;inset:48px 35px 28px;display:grid;grid-template-columns:23% 1fr;background:#e8eeea;border-radius:7px;overflow:hidden;box-shadow:0 18px 35px rgba(0,0,0,.3);animation:windowFloat 4.5s ease-in-out infinite}.admin-ui aside{background:#211846;padding:16px 9px}.admin-ui aside i{display:block;height:5px;background:#7060a8;border-radius:3px;margin:12px 0}.admin-ui main{padding:15px}.admin-ui main>b{display:inline-block;width:43%;height:32px;margin:4px;background:#c4b5fd;border-radius:4px}.admin-ui main>div{height:55px;display:flex;align-items:end;gap:6px;border-bottom:1px solid #8d86a8;margin:12px 5px}.admin-ui main>div i{flex:1;background:#7157d8;height:35%;animation:queryBar 2s ease-in-out infinite}.admin-ui main>div i:nth-child(2){height:80%;animation-delay:.3s}.admin-ui main>div i:nth-child(3){height:55%;animation-delay:.6s}
.service-map{position:absolute;inset:45px}.service-map b{position:absolute;left:50%;top:50%;translate:-50% -50%;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#1c1432;border:1px solid #ad88ff;color:#cbb4ff;font:11px monospace;box-shadow:0 0 35px rgba(169,133,255,.3);animation:walletPulse 2.4s infinite}.service-map i{position:absolute;padding:7px;background:#161222;border:1px solid #675383;color:#a995ca;font:8px monospace;font-style:normal;border-radius:4px;animation:serviceNode 2.8s ease-in-out infinite}.service-map i:nth-of-type(1){left:0;top:10%}.service-map i:nth-of-type(2){right:0;top:10%;animation-delay:.4s}.service-map i:nth-of-type(3){left:0;bottom:8%;animation-delay:.8s}.service-map i:nth-of-type(4){right:0;bottom:8%;animation-delay:1.2s}.terminal-demo{position:absolute;inset:48px 35px 32px;background:#090e16;border:1px solid #4a3f72;border-radius:7px;padding:30px;box-shadow:0 15px 35px rgba(0,0,0,.35)}.terminal-demo:before{content:"● ● ●";position:absolute;top:8px;left:12px;color:#65726b;font-size:7px;letter-spacing:4px}.terminal-demo code{direction:ltr;display:block;color:#9da9a3;font:10px/2 monospace}.terminal-demo code i{color:var(--accent);font-style:normal}.terminal-demo code b{color:#70dfff;font-weight:normal;display:inline-block;overflow:hidden;white-space:nowrap;width:0;animation:terminalTyping 4s steps(19) infinite}
@keyframes deviceFloat{50%{transform:translateY(-9px) rotate(1deg)}}@keyframes deviceSignal{0%{transform:scaleX(0);transform-origin:left;opacity:0}50%{transform:scaleX(1);opacity:1}100%{transform-origin:right;transform:scaleX(0);opacity:0}}@keyframes windowFloat{50%{transform:translateY(-7px)}}@keyframes serviceNode{50%{border-color:#b590ff;box-shadow:0 0 13px rgba(169,133,255,.35)}}@keyframes terminalTyping{0%,20%{width:0}65%,90%{width:19ch}100%{width:0}}

/* Photoreal lunar hero — replaces the former CSS illustration */
.moon-scene{aspect-ratio:1/1;border-radius:18px;background:#030405;box-shadow:0 35px 100px rgba(0,0,0,.65),0 0 0 1px rgba(166,204,225,.13);overflow:hidden}.moon-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;transform:scale(1.035);animation:photoDrift 14s ease-in-out infinite;filter:contrast(1.04) saturate(.9)}.moon-scene>:not(.moon-photo):not(.scene-caption):not(.code-comets){display:none}.moon-scene:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.04) 45%,rgba(2,5,9,.72) 100%),radial-gradient(circle at 63% 48%,transparent 20%,rgba(0,0,0,.14) 100%)}.moon-scene:after{content:"";position:absolute;inset:-20%;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(151,222,255,.08) 47%,transparent 57%);translate:-55%;animation:photoLightSweep 9s ease-in-out infinite}.moon-scene .code-comets{display:block;position:absolute;inset:0;z-index:3;pointer-events:none}.moon-scene .code-comets code{background:rgba(4,8,13,.52);border-color:rgba(165,224,255,.13);color:rgba(182,230,255,.72);backdrop-filter:blur(5px)}.moon-scene .scene-caption{z-index:4;bottom:4%;text-shadow:0 2px 8px #000}.moon-scene .scene-caption>span{background:rgba(2,5,9,.4);backdrop-filter:blur(5px)}
@keyframes photoDrift{0%,100%{transform:scale(1.035) translate3d(0,0,0)}50%{transform:scale(1.065) translate3d(-.6%,-.35%,0)}}@keyframes photoLightSweep{0%,40%{translate:-55%;opacity:0}55%{opacity:.65}72%,100%{translate:55%;opacity:0}}
@media(max-width:520px){.moon-scene{overflow:hidden;border-radius:13px}.moon-photo{object-position:58% center}}

/* Cinematic resume portrait and live profile */
.resume-section{position:relative;padding:125px 0 135px;overflow:hidden;background:radial-gradient(circle at 15% 45%,rgba(88,145,255,.12),transparent 32%),linear-gradient(180deg,#080b12,#0b1019 55%,#080b12);border-top:1px solid rgba(255,255,255,.06)}
.resume-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(126,206,255,.035) 50%,transparent 65%)}
.resume-stage{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:38px;align-items:stretch;direction:ltr}
.portrait-panel{min-width:0;perspective:1100px;display:flex;flex-direction:column}
.portrait-frame{position:relative;height:100%;min-height:590px;overflow:hidden;border-radius:20px;background:#070a10;border:1px solid rgba(172,215,255,.18);box-shadow:0 38px 90px rgba(0,0,0,.55),0 0 0 7px rgba(255,255,255,.018),inset 0 0 60px rgba(0,0,0,.35);isolation:isolate}
.portrait-frame:before,.portrait-frame:after{content:"";position:absolute;left:0;right:0;height:7.5%;z-index:4;background:#040609;pointer-events:none}
.portrait-frame:before{top:0}.portrait-frame:after{bottom:0}
.portrait-frame img{width:100%;height:100%;position:absolute;inset:0;display:block;object-fit:cover;object-position:52% center;filter:contrast(1.07) saturate(.9) brightness(.9);transform:scale(1.035);animation:cinematicBreath 12s ease-in-out infinite;z-index:0}
.portrait-frame .portrait-light{position:absolute;inset:-30%;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(164,221,255,.13) 50%,transparent 60%);transform:translateX(-45%);animation:portraitSweep 8s ease-in-out infinite}
.portrait-frame .portrait-scan{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.58)),radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.28));box-shadow:inset 0 0 80px rgba(0,0,0,.4)}
.portrait-badge{position:absolute;right:24px;bottom:58px;z-index:5;display:flex;align-items:center;gap:9px;padding:8px 12px;color:#dce7ef;background:rgba(5,10,17,.68);border:1px solid rgba(255,255,255,.17);border-radius:5px;backdrop-filter:blur(10px);font:9px/1.2 monospace;letter-spacing:1.2px}
.portrait-badge i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:signal 1.5s infinite}
.portrait-index{position:absolute;left:24px;top:56px;z-index:5;color:rgba(255,255,255,.74);font:10px monospace;letter-spacing:2px}
.resume-terminal{direction:rtl;min-height:590px;border:1px solid #273140;border-radius:16px;background:rgba(9,13,21,.9);box-shadow:0 35px 80px rgba(0,0,0,.42);overflow:hidden;backdrop-filter:blur(18px)}
.resume-head{height:54px;padding:0 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #252d39;direction:ltr;color:#788392;font:11px monospace}.resume-head>div{display:flex;gap:6px}.resume-head i{width:8px;height:8px;border-radius:50%;background:#8b5cf6}.resume-head i:nth-child(2){background:#60a5fa}.resume-head i:nth-child(3){background:#7dd3fc}.resume-head span{margin-right:auto}.resume-head b{font-size:9px;color:var(--accent);border:1px solid rgba(157,123,255,.28);padding:3px 7px;border-radius:3px}
.resume-console{padding:25px 26px 28px;direction:rtl;font-family:"Vazirmatn",monospace}.terminal-intro{direction:ltr;text-align:left;color:#8993a1;font:12px monospace;margin-bottom:18px}.terminal-intro span{color:var(--accent)}.terminal-intro b{color:#72dfff;font-weight:400}
.typed-row{min-height:42px;display:grid;grid-template-columns:31px 1fr;gap:12px;align-items:start;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.045)}.typed-row em{direction:ltr;color:#4d5868;font:10px/2.2 monospace;font-style:normal}.typed-row code{position:relative;color:#c9d1da;font:12px/2 "Vazirmatn",monospace;white-space:normal}.typed-row code.typing:after{content:"";display:inline-block;width:7px;height:16px;margin-right:4px;vertical-align:middle;background:var(--accent);box-shadow:0 0 8px rgba(157,123,255,.55);animation:cursorBlink .7s steps(1) infinite}.typed-row.featured-row code{color:#b7e9ff}.typed-row.done em{color:rgba(157,123,255,.65)}
@keyframes cinematicBreath{0%,100%{transform:scale(1.035) translate3d(0,0,0)}50%{transform:scale(1.065) translate3d(-.6%,-.3%,0)}}@keyframes portraitSweep{0%,35%{transform:translateX(-50%);opacity:0}52%{opacity:.7}72%,100%{transform:translateX(50%);opacity:0}}@keyframes cursorBlink{50%{opacity:0}}
@media(max-width:980px){.resume-stage{grid-template-columns:1fr}.portrait-frame{min-height:540px}.resume-terminal{min-height:auto}}
@media(max-width:560px){.resume-section{padding:90px 0}.resume-stage{gap:22px}.portrait-frame{min-height:430px;border-radius:13px}.portrait-frame img{object-position:57% center}.portrait-badge{right:15px;bottom:42px}.portrait-index{left:15px;top:42px}.resume-console{padding:18px 15px}.typed-row{grid-template-columns:24px 1fr;gap:7px}.typed-row code{font-size:11px}}
@media(prefers-reduced-motion:reduce){.portrait-frame img,.portrait-frame .portrait-light{animation:none}}

/* Animated cinematic nameplate below the portrait */
.portrait-signature{position:relative;direction:rtl;text-align:right;padding:25px 7px 2px;overflow:hidden;isolation:isolate}.portrait-signature:before{content:"";position:absolute;width:120px;height:70px;right:14%;top:3px;background:rgba(157,123,255,.12);filter:blur(34px);border-radius:50%;animation:nameGlow 4s ease-in-out infinite}.portrait-signature h3{position:relative;margin:0;color:#f4f3ee;font-size:clamp(28px,3vw,42px);font-weight:300;line-height:1.35;letter-spacing:-1.2px;animation:nameReveal 1s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 5% cover 28%}.portrait-signature h3 span{display:inline-block}.portrait-signature h3 strong{display:inline-block;color:transparent;font-weight:800;background:linear-gradient(105deg,#f4f3ee 15%,#9d7bff 48%,#b9eaff 70%,#f4f3ee 90%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;animation:nameShimmer 5s linear infinite}.portrait-signature small{position:relative;display:block;direction:ltr;text-align:right;margin-top:4px;color:#687586;font:8px/1.8 monospace;letter-spacing:2.1px;animation:nameReveal 1s .15s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 5% cover 32%}.signature-line{display:block;position:absolute;top:13px;right:7px;width:min(230px,48%);height:1px;background:linear-gradient(90deg,transparent,rgba(157,123,255,.9),rgba(185,234,255,.35));transform-origin:right;box-shadow:0 0 10px rgba(157,123,255,.45);animation:signatureDraw 3.2s ease-in-out infinite}.signature-line:after{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#b9eaff;box-shadow:0 0 11px #9d7bff}
@keyframes nameReveal{from{opacity:0;transform:translateY(22px);filter:blur(8px);letter-spacing:5px}to{opacity:1;transform:none;filter:blur(0)}}@keyframes nameShimmer{to{background-position:-220% center}}@keyframes signatureDraw{0%,100%{transform:scaleX(.18);opacity:.25}45%,70%{transform:scaleX(1);opacity:1}}@keyframes nameGlow{50%{opacity:.35;transform:translateX(-35px) scale(1.2)}}
@media(max-width:560px){.portrait-signature{padding-top:22px}.portrait-signature h3{font-size:30px}.portrait-signature small{font-size:7px;letter-spacing:1.35px}.signature-line{width:46%}}
@media(prefers-reduced-motion:reduce){.portrait-signature:before,.portrait-signature h3,.portrait-signature h3 strong,.portrait-signature small,.signature-line{animation:none}}

/* Cinematic character-title sequence */
.cinematic-credit{padding:27px 7px 13px;min-height:142px;overflow:visible;opacity:0;transform:translateY(18px);transition:opacity .35s ease,transform .35s ease}.cinematic-credit:before{width:55%;height:100px;right:22%;top:5px;background:radial-gradient(ellipse,rgba(157,123,255,.16),transparent 68%);filter:blur(22px);opacity:0}.cinematic-credit:after{content:"";position:absolute;inset:12px 0 0;border-right:1px solid rgba(157,123,255,.28);border-left:1px solid rgba(185,234,255,.15);transform:scaleY(0);transition:transform .8s 1.1s cubic-bezier(.16,1,.3,1)}.cinematic-credit.is-visible{opacity:1;transform:none}.cinematic-credit.is-visible:before{animation:cinemaAura 5s 1.1s ease-in-out infinite}.cinematic-credit.is-visible:after{transform:scaleY(1)}
.credit-kicker{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;direction:ltr;color:#707b89;font:7px monospace;letter-spacing:3.2px;white-space:nowrap;opacity:0}.credit-kicker i{display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(185,234,255,.35))}.credit-kicker i:last-child{background:linear-gradient(90deg,rgba(157,123,255,.45),transparent)}.is-visible .credit-kicker{animation:creditFade .85s .35s ease forwards}
.cinematic-name{position:relative;display:flex;justify-content:center;align-items:baseline;gap:.3em;margin:4px 0 2px;direction:rtl;line-height:1.15;white-space:nowrap}.cinematic-name>span,.cinematic-name>strong{position:relative;display:inline-block;font-size:clamp(38px,4.3vw,61px);letter-spacing:-2.8px;clip-path:inset(0 100% 0 0);filter:blur(10px);transform:translateY(20px);opacity:0}.cinematic-name .name-first{font-weight:300;color:#e9edf0;text-shadow:0 6px 25px rgba(0,0,0,.8)}.cinematic-name .name-last{font-weight:900;color:transparent;background:linear-gradient(100deg,#eff3f4 10%,#b9eaff 34%,#9d7bff 51%,#fff 67%,#a5b0ba 88%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;text-shadow:none}.cinematic-name .name-last:before{content:attr(data-text);position:absolute;inset:0;z-index:-1;color:transparent;-webkit-text-stroke:1px rgba(157,123,255,.22);filter:blur(7px);transform:scale(1.035)}.is-visible .cinematic-name .name-first{animation:cinemaNameIn 1.25s .42s cubic-bezier(.16,1,.3,1) forwards}.is-visible .cinematic-name .name-last{animation:cinemaNameIn 1.35s .58s cubic-bezier(.16,1,.3,1) forwards,nameMetal 6s 1.9s linear infinite}
.credit-meta{display:flex;align-items:center;justify-content:space-between;direction:ltr;padding:0 12px;color:#556171;font:6px monospace;letter-spacing:1.55px;opacity:0;transform:translateY(5px)}.credit-meta b{position:relative;color:#9d7bff;font-weight:400;padding:0 13px}.credit-meta b:before,.credit-meta b:after{content:"";position:absolute;top:50%;width:4px;height:4px;border:1px solid rgba(157,123,255,.55);transform:rotate(45deg)}.credit-meta b:before{left:0}.credit-meta b:after{right:0}.is-visible .credit-meta{animation:creditFade .8s 1.35s ease forwards}
.credit-flare{position:absolute;z-index:4;top:66px;right:-8%;width:12%;height:1px;opacity:0;background:#fff;box-shadow:0 0 5px #fff,0 0 14px #9d7bff,0 0 35px rgba(185,234,255,.8);pointer-events:none}.credit-flare:before{content:"";position:absolute;width:7px;height:7px;right:50%;top:-3px;border-radius:50%;background:#fff;box-shadow:0 0 13px 4px #9d7bff}.is-visible .credit-flare{animation:flarePass 2.1s .85s cubic-bezier(.4,0,.2,1) forwards}
@keyframes cinemaNameIn{0%{clip-path:inset(0 100% 0 0);filter:blur(11px);transform:translateY(20px);opacity:0;letter-spacing:7px}45%{opacity:1}100%{clip-path:inset(-15% 0 -15% 0);filter:blur(0);transform:none;opacity:1;letter-spacing:-2.8px}}@keyframes nameMetal{to{background-position:-250% center}}@keyframes creditFade{from{opacity:0;transform:translateY(7px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes flarePass{0%{right:-8%;opacity:0;width:8%}18%{opacity:1}75%{opacity:.8;width:24%}100%{right:102%;opacity:0;width:5%}}@keyframes cinemaAura{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:.8;transform:scale(1.12)}}
@media(max-width:560px){.cinematic-credit{min-height:125px;padding-inline:0}.cinematic-name{gap:.2em}.cinematic-name>span,.cinematic-name>strong{font-size:38px;letter-spacing:-2px}.credit-kicker{font-size:5.5px;letter-spacing:2px;gap:7px}.credit-meta{font-size:5px;letter-spacing:.7px;padding-inline:4px}.credit-meta b{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.cinematic-credit,.credit-kicker,.cinematic-name>span,.cinematic-name>strong,.credit-meta{opacity:1;transform:none;filter:none;clip-path:none}.cinematic-credit:after{transform:scaleY(1)}.cinematic-credit:before,.credit-flare{display:none}}

/* Purple cinematic contact finale */
.contact-section{position:relative;isolation:isolate;overflow:hidden;color:#f7f3ff;background:radial-gradient(circle at 12% 20%,rgba(151,91,255,.34),transparent 30%),radial-gradient(circle at 88% 75%,rgba(74,145,255,.2),transparent 35%),linear-gradient(135deg,#080611 0%,#150b28 48%,#0a0714 100%)}.contact-section:before{content:"";position:absolute;z-index:-2;inset:-45%;pointer-events:none;background:conic-gradient(from 210deg at 50% 50%,transparent 0 22%,rgba(173,112,255,.14) 30%,transparent 38% 61%,rgba(86,143,255,.1) 69%,transparent 77%);filter:blur(30px);animation:contactAurora 18s linear infinite}.contact-section:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 36%,rgba(222,195,255,.09) 47%,rgba(255,255,255,.13) 50%,rgba(166,108,255,.06) 54%,transparent 66%),radial-gradient(circle at 17% 27%,#d8b9ff 0 1px,transparent 1.6px),radial-gradient(circle at 76% 22%,#a681ff 0 1px,transparent 1.6px),radial-gradient(circle at 66% 78%,#d9c4ff 0 1px,transparent 1.5px);background-size:220% 100%,190px 170px,260px 230px,310px 280px;animation:contactLightPass 9s ease-in-out infinite}.contact-section .section-label{color:#cba9ff;text-shadow:0 0 18px rgba(177,113,255,.45)}.contact-box h2{color:#fff;text-shadow:0 8px 35px rgba(0,0,0,.45)}.contact-box h2 span{color:transparent;-webkit-text-stroke:1px rgba(218,190,255,.78);filter:drop-shadow(0 0 18px rgba(160,91,255,.2))}.contact-box p{color:#bdb2cc}.contact-links{position:relative;padding:10px 20px;border:1px solid rgba(202,166,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(126,68,195,.035));box-shadow:0 28px 75px rgba(2,0,8,.45),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(16px)}.contact-links:before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:linear-gradient(115deg,rgba(224,202,255,.5),transparent 28%,transparent 70%,rgba(125,91,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55}.contact-links a{position:relative;color:#f4ecff;border-bottom-color:rgba(210,179,255,.14);overflow:hidden}.contact-links a:before{content:"";position:absolute;inset:4px -20px;z-index:-1;border-radius:11px;background:linear-gradient(90deg,transparent,rgba(171,110,255,.16),rgba(101,154,255,.08),transparent);transform:translateX(115%);transition:transform .8s cubic-bezier(.16,1,.3,1)}.contact-links a:hover{color:#fff;text-shadow:0 0 14px rgba(226,207,255,.35)}.contact-links a:hover:before{transform:translateX(0)}.contact-links .contact-icon{border-color:rgba(209,177,255,.25);background:linear-gradient(145deg,rgba(203,166,255,.14),rgba(77,42,115,.2));box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 22px rgba(4,0,12,.28);transition:border-color .3s,box-shadow .3s,transform .3s}.contact-links a:hover .contact-icon{transform:scale(1.07) rotate(-3deg);border-color:rgba(218,186,255,.58);box-shadow:0 0 0 4px rgba(173,112,255,.08),0 0 28px rgba(160,91,255,.34)}.contact-icon svg{fill:#d9c2ff;filter:drop-shadow(0 0 7px rgba(173,112,255,.3))}.contact-links .contact-copy small{color:#a987d9;opacity:1}.contact-links .contact-copy b{color:#f7f2ff}.contact-links a>i{color:#b98de9;text-shadow:0 0 12px rgba(177,113,255,.5)}.contact-links a:focus-visible{outline-color:#caa4ff}
@keyframes contactAurora{to{transform:rotate(360deg)}}@keyframes contactLightPass{0%,30%{background-position:180% 0,0 0,0 0,0 0;opacity:.45}55%{opacity:1}75%,100%{background-position:-100% 0,30px 16px,-24px 20px,18px -15px;opacity:.55}}
@media(prefers-reduced-motion:reduce){.contact-section:before,.contact-section:after{animation:none}.contact-links a:before{display:none}}

/* Unified galaxy design system: black space, violet energy, ice-blue light */
:root{--bg:#05040b;--panel:#0d0b19;--text:#f5f3ff;--muted:#a6a3b8;--accent:#9d7bff;--purple:#7c3aed;--blue:#60a5fa;--ice:#7dd3fc;--line:#25213b;--galaxy-gradient:linear-gradient(105deg,#7c3aed 0%,#9d7bff 46%,#60a5fa 100%)}
::selection{color:#fff;background:#6d4ed1}body{background-color:var(--bg);background-image:radial-gradient(circle at 12% 9%,rgba(124,58,237,.14),transparent 25%),radial-gradient(circle at 88% 30%,rgba(37,99,235,.1),transparent 28%),linear-gradient(180deg,#05040b,#080713 48%,#05040b);background-attachment:fixed}.nav-wrap{background:rgba(6,5,14,.76);border-bottom-color:rgba(157,123,255,.13);box-shadow:0 10px 40px rgba(2,0,9,.2)}.brand span,.hero h1 em{color:transparent;background:var(--galaxy-gradient);background-clip:text;-webkit-background-clip:text}.nav-cta,.btn.primary{color:#fff;background:var(--galaxy-gradient);border-color:rgba(174,150,255,.65);box-shadow:0 10px 30px rgba(90,54,190,.2)}.nav-cta:hover,.btn.primary:hover{box-shadow:0 12px 38px rgba(111,76,215,.35),0 0 22px rgba(96,165,250,.14)}.btn.ghost{background:rgba(91,65,150,.08);border-color:rgba(157,123,255,.28)}.hero h1 span,.section h2 span{background:linear-gradient(100deg,#706a89,#9d7bff,#60a5fa);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:0;color:transparent}.scroll-progress{background:var(--galaxy-gradient);box-shadow:0 0 15px rgba(96,165,250,.6)}
.dark-section{position:relative;background:linear-gradient(180deg,rgba(13,10,28,.96),rgba(8,7,18,.96));border-block-color:rgba(139,92,246,.13)}.dark-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 15%,rgba(73,94,219,.09),transparent 28%),radial-gradient(circle at 14% 80%,rgba(124,58,237,.08),transparent 25%)}.expert-card,.project{background:linear-gradient(145deg,rgba(18,15,35,.96),rgba(8,8,20,.98));border-color:rgba(130,107,190,.2);box-shadow:0 22px 65px rgba(2,0,10,.2)}.expert-card:hover,.project:hover{border-color:rgba(157,123,255,.48);box-shadow:0 25px 75px rgba(14,6,35,.55),0 0 35px rgba(96,165,250,.07)}.expert-visual{background:linear-gradient(145deg,#0b0920,#080b19);border-color:rgba(96,165,250,.15)}.project-art.purple,.project-art.galaxy{background:radial-gradient(circle at 78% 18%,rgba(96,165,250,.22),transparent 28%),linear-gradient(145deg,#291555,#0d1028 68%,#080914)}.tags span{color:#c9c4dc;background:rgba(85,65,135,.15);border-color:rgba(139,112,203,.2)}.tags span:hover{color:#e9e1ff;border-color:rgba(157,123,255,.48);background:rgba(124,58,237,.16)}.stats{border-color:rgba(133,109,192,.2)}.stats div{border-color:rgba(133,109,192,.16)}
.resume-section{background:radial-gradient(circle at 15% 45%,rgba(96,165,250,.12),transparent 32%),radial-gradient(circle at 85% 30%,rgba(124,58,237,.1),transparent 30%),linear-gradient(180deg,#06050e,#0c091c 55%,#06050e);border-top-color:rgba(157,123,255,.12)}.portrait-frame{border-color:rgba(157,123,255,.22);box-shadow:0 38px 90px rgba(0,0,0,.55),0 0 45px rgba(96,165,250,.06),0 0 0 7px rgba(132,96,210,.025)}.resume-terminal{border-color:rgba(139,112,203,.25);background:rgba(8,7,19,.92)}.resume-head{border-bottom-color:rgba(139,112,203,.18)}footer{background:#040309;border-top:1px solid rgba(157,123,255,.09)}
#particles{filter:hue-rotate(16deg) saturate(1.2)}.cursor-glow{background:radial-gradient(circle,rgba(124,92,237,.14),rgba(73,120,255,.055) 38%,transparent 70%)}
::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#05040b}::-webkit-scrollbar-thumb{border:2px solid #05040b;border-radius:10px;background:linear-gradient(#7c3aed,#3b82f6)}

/* MRD.MOON brand mark and wordmark */
.moon-brand{position:relative;direction:ltr;display:inline-flex;align-items:center;gap:10px;letter-spacing:0;text-decoration:none}.moon-brand:before{content:"";position:absolute;width:44px;height:28px;left:4px;top:50%;translate:0 -50%;border-radius:50%;background:rgba(124,58,237,.3);filter:blur(17px);opacity:.45;transition:opacity .35s,transform .35s}.moon-brand:hover:before{opacity:.9;transform:scale(1.22)}.moon-brand>img{width:45px;height:45px;display:block;filter:drop-shadow(0 6px 14px rgba(2,0,10,.45));transition:transform .55s cubic-bezier(.16,1,.3,1),filter .35s}.moon-brand:hover>img{transform:rotate(-8deg) scale(1.08);filter:drop-shadow(0 0 13px rgba(125,175,255,.32))}.logo-word{display:flex;align-items:baseline;font-family:"Vazirmatn",sans-serif;font-size:17px;line-height:1;letter-spacing:1.7px}.logo-word b{font-weight:850;color:#f7f5ff}.logo-word em{font-style:normal;font-weight:500;color:transparent;background:linear-gradient(100deg,#a78bfa,#7dd3fc);background-clip:text;-webkit-background-clip:text}.nav .moon-brand{margin-left:5px}footer .moon-brand>img{width:39px;height:39px}footer .logo-word{font-size:15px}@media(max-width:560px){.moon-brand{gap:7px}.moon-brand>img{width:39px;height:39px}.logo-word{font-size:14px;letter-spacing:1.2px}}

/* Cinematic English hero statement */
.hero .cinematic-slogan{position:relative;direction:ltr;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:.02em;margin:24px 0 29px;padding:4px 0 11px;font-family:"Vazirmatn",sans-serif;font-size:clamp(39px,4.75vw,67px);line-height:1.08;letter-spacing:-2.6px;isolation:isolate}.cinematic-slogan:before{content:"";position:absolute;z-index:-1;width:72%;height:75%;left:-5%;top:16%;background:radial-gradient(ellipse,rgba(124,58,237,.17),rgba(59,130,246,.055) 42%,transparent 72%);filter:blur(22px);opacity:0;animation:sloganAura 5s 2s ease-in-out infinite}.cinematic-slogan:after{content:"MRD / SOFTWARE ENGINEERING";position:absolute;left:3px;bottom:-12px;color:#615d78;font:6px monospace;letter-spacing:3.5px;opacity:0;animation:sloganMeta .8s 1.85s ease forwards}.cinematic-slogan .slogan-line{position:relative;display:block;width:max-content;max-width:100%;font-style:normal;clip-path:inset(0 100% 0 0);opacity:0;filter:blur(9px);transform:translate3d(-24px,14px,0);will-change:clip-path,transform,filter,opacity}.cinematic-slogan .line-one{color:#f7f5ff;font-weight:310;text-shadow:0 10px 35px rgba(0,0,0,.5);animation:sloganReveal 1.15s .15s cubic-bezier(.16,1,.3,1) forwards}.cinematic-slogan .line-two{font-weight:760;color:transparent;background:linear-gradient(100deg,#a78bfa 5%,#7c3aed 32%,#7dd3fc 60%,#c4b5fd 88%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;animation:sloganReveal 1.25s .42s cubic-bezier(.16,1,.3,1) forwards,sloganGradient 7s 1.8s linear infinite;filter:drop-shadow(0 0 18px rgba(124,58,237,.15))}.cinematic-slogan .line-three{font-weight:830;color:transparent;background:linear-gradient(105deg,#e9e5ff 0%,#8b7cba 32%,#60a5fa 58%,#f2efff 78%);background-size:240% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:0;animation:sloganReveal 1.3s .7s cubic-bezier(.16,1,.3,1) forwards,sloganGradient 8s 2.1s linear infinite}.cinematic-slogan .line-three:after{content:"";position:absolute;left:1px;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#7c3aed,#60a5fa 68%,transparent);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px rgba(96,165,250,.45);animation:sloganRule 1s 1.45s cubic-bezier(.16,1,.3,1) forwards}.slogan-beam{position:absolute;z-index:3;top:4%;left:-12%;width:7%;height:87%;opacity:0;transform:skewX(-13deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(125,211,252,.42),transparent);filter:blur(1px);pointer-events:none;animation:sloganBeam 2s 1.05s cubic-bezier(.4,0,.2,1) forwards}
@keyframes sloganReveal{0%{clip-path:inset(0 100% 0 0);opacity:0;filter:blur(9px);transform:translate3d(-24px,14px,0);letter-spacing:3px}45%{opacity:1}100%{clip-path:inset(-10% 0 -12% 0);opacity:1;filter:blur(0);transform:none;letter-spacing:-2.6px}}@keyframes sloganGradient{to{background-position:-220% center}}@keyframes sloganRule{to{transform:scaleX(1)}}@keyframes sloganBeam{0%{left:-12%;opacity:0}18%,66%{opacity:.8}100%{left:105%;opacity:0}}@keyframes sloganMeta{from{opacity:0;transform:translateY(7px);letter-spacing:7px}to{opacity:1;transform:none;letter-spacing:3.5px}}@keyframes sloganAura{0%,100%{opacity:.2;transform:scale(.9)}50%{opacity:.8;transform:scale(1.08)}}
@media(max-width:560px){.hero .cinematic-slogan{font-size:clamp(34px,10vw,47px);letter-spacing:-1.8px;line-height:1.12}.cinematic-slogan:after{font-size:5px;letter-spacing:2.2px}.cinematic-slogan .slogan-line{width:auto}.cinematic-slogan .line-two,.cinematic-slogan .line-three{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.cinematic-slogan:before,.cinematic-slogan:after,.cinematic-slogan .slogan-line,.cinematic-slogan .line-three:after{opacity:1;clip-path:none;filter:none;transform:none;animation:none}.slogan-beam{display:none}}

/* Mobile performance mode: preserve the cinematic identity without continuous GPU work */
.expert-card,.project{content-visibility:auto;contain-intrinsic-size:auto 520px}.resume-section,.contact-section{content-visibility:auto;contain-intrinsic-size:auto 760px}
@media(max-width:850px){
  body{background-attachment:scroll}
  #particles,.cursor-glow,.noise{display:none!important}
  .nav-wrap{background:rgba(6,5,14,.96);backdrop-filter:none;-webkit-backdrop-filter:none}
  .scroll-reveal{animation:none!important;view-timeline-name:none;opacity:1;transform:none;filter:none}
  .tilt-card{will-change:auto;transform-style:flat}
  .tilt-card>*{transform:none}
  .expert-card,.project,.resume-terminal,.portrait-frame,.contact-links{box-shadow:0 14px 38px rgba(2,0,10,.3)}
  .expert-card:hover,.project:hover{transform:none;box-shadow:0 14px 38px rgba(2,0,10,.3)}
  .resume-terminal,.portrait-badge,.contact-links,.moon-scene .code-comets code,.moon-scene .scene-caption>span{backdrop-filter:none;-webkit-backdrop-filter:none}
  .expert-visual *,.project-art *,.project-art:after,.skill-icon:after,.eyebrow i,.orbit,.float-chip,.code-comets code,.portrait-badge i,.contact-section:before,.contact-section:after,.contact-links a:before{animation:none!important}
  .expert-visual *,.project-art *{will-change:auto!important}
  .project-art:after,.contact-links a:before{display:none}
  .contact-section:before{transform:none;filter:blur(12px);opacity:.5}
  .contact-section:after{background-position:center;opacity:.45}
  .moon-photo{animation:none;transform:scale(1.035)}
  .moon-scene:after{animation:none;opacity:.22;translate:0}
  .portrait-frame img{animation:none;transform:scale(1.035)}
  .portrait-frame .portrait-light{animation:none;opacity:.28;transform:none}
  .btn.primary:after{animation:none;display:none}
  .split-title{animation:none}
}
@media(max-width:560px){
  .expert-card,.project{contain-intrinsic-size:auto 470px}
  .resume-section{contain-intrinsic-size:auto 1280px}
  .contact-section{contain-intrinsic-size:auto 980px}
  .project-art,.expert-visual{box-shadow:none}
  .contact-links{background:rgba(17,11,36,.94)}
}

/* Direct contact cards */
.contact-links a{grid-template-columns:48px 1fr auto;gap:14px;align-items:center;transition:transform .25s ease,padding .25s ease}.contact-links a:hover{transform:translateX(-5px);padding-inline:8px}.contact-links .contact-icon{grid-column:1;grid-row:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(10,16,9,.25);border-radius:12px;background:rgba(255,255,255,.2)}.contact-icon svg{width:23px;height:23px;fill:#111}.contact-copy{grid-column:2;grid-row:1;min-width:0}.contact-links .contact-copy small,.contact-links .contact-copy b{display:block}.contact-links .contact-copy small{font-size:9px;letter-spacing:1.3px;opacity:.65}.contact-links .contact-copy b{font-size:14px;overflow-wrap:anywhere}.contact-links a>i{grid-column:3;grid-row:1}.contact-links a:focus-visible{outline:2px solid #0b1009;outline-offset:4px}
