:root{--bg:#0d1225;--bg2:#111a32;--panel:#151f3a;--panel2:#192544;--text:#f4f6ff;--muted:#aab4ce;--blue:#637dff;--cyan:#42d5e8;--line:rgba(177,193,255,.13);--glow:0 20px 65px rgba(1,7,24,.34);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 8% 8%,rgba(67,92,201,.17),transparent 34%),radial-gradient(ellipse at 92% 38%,rgba(27,157,188,.09),transparent 30%),var(--bg);color:var(--text);font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.container{width:min(1160px,calc(100% - 42px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(13,18,37,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:18px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#4054b8);box-shadow:0 8px 24px #5069e644;font-size:20px}.nav-links{display:flex;align-items:center;gap:28px;color:#c3cbe0;font-size:14px}.nav-links a{transition:.2s}.nav-links a:hover{color:var(--cyan)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 21px;border-radius:13px;font-weight:700;font-size:14px;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.nav-cta,.btn-primary{background:linear-gradient(120deg,#647cff,#5263d6);color:white;box-shadow:0 9px 25px #5068ed35}.btn:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 14px 32px #5068ed45}.btn-outline{border-color:var(--line);background:#ffffff06;color:var(--text)}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:22px}
.hero{padding:94px 0 76px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:450px;height:450px;border:1px solid #7189ff1c;border-radius:50%;left:-190px;top:5px;box-shadow:0 0 0 55px #7189ff08,0 0 0 110px #7189ff05;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:65px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#8fa4ff;font-size:13px;font-weight:700;letter-spacing:.2px}.eyebrow:before{content:"";width:24px;height:2px;background:var(--cyan);border-radius:3px}.hero h1{font-size:clamp(36px,5.3vw,62px);line-height:1.35;margin:18px 0 18px;font-weight:900;letter-spacing:-1.5px}.hero h1 span{background:linear-gradient(100deg,#8b9cff,#54d7e6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{color:var(--muted);font-size:17px;max-width:650px;line-height:2.2}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.social-row{display:flex;gap:11px;margin-top:32px}.social-row a{font-size:12px;color:#c6cfe6;border:1px solid var(--line);padding:7px 13px;border-radius:30px;transition:.2s}.social-row a:hover{border-color:#7188ff;color:white;background:#657dff18}
.hero-art{min-height:360px;display:grid;place-items:center;position:relative}.orbit{width:290px;height:290px;border-radius:50%;border:1px solid #8297ff38;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#617cff1c 0,transparent 67%)}.orbit:before,.orbit:after{content:"";position:absolute;border:1px dashed #8194ff35;border-radius:50%;inset:24px}.orbit:after{inset:-26px;border-style:solid;border-color:#53d4e41c}.core-logo{width:150px;height:150px;border-radius:42px;background:linear-gradient(145deg,#637dff,#273b91);box-shadow:0 24px 65px #304cc966, inset 0 1px 0 #ffffff55;display:grid;place-items:center;font-size:60px;font-weight:900}.float-chip{position:absolute;padding:11px 15px;background:#1b2748;border:1px solid #8398ff36;border-radius:14px;box-shadow:var(--glow);font-size:12px;color:#dce4ff}.chip-a{top:28px;right:-8px}.chip-b{bottom:42px;left:-18px}.chip-c{top:45%;left:-45px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:50px}.stat{padding:17px 20px;border:1px solid var(--line);background:#ffffff05;border-radius:17px}.stat strong{display:block;font-size:25px;color:#a6b5ff}.stat span{font-size:12px;color:var(--muted)}
section{padding:82px 0}.section-head{max-width:700px;margin-bottom:38px}.section-head.center{text-align:center;margin:0 auto 42px}.section-head.center .eyebrow{justify-content:center}.section-head h2{font-size:clamp(27px,3.6vw,39px);line-height:1.5;margin:12px 0;color:#f5f7ff}.section-head p{color:var(--muted);margin:0;font-size:15px}.about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}.about-card{background:linear-gradient(145deg,#1b2b50,#131d37);border:1px solid #8398ff24;border-radius:26px;padding:28px;box-shadow:var(--glow);position:relative;overflow:hidden}.about-card:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #91a3ff30;border-radius:50%;left:-65px;bottom:-70px;box-shadow:0 0 0 24px #91a3ff08,0 0 0 48px #91a3ff06}.about-icon{width:64px;height:64px;border-radius:20px;background:#7188ff22;display:grid;place-items:center;font-size:29px;color:#9eafff}.about-card h3{font-size:21px;margin:18px 0 8px}.about-card p{font-size:14px;color:var(--muted);margin:0}.skill-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.skill-list span{font-size:12px;padding:7px 12px;border-radius:30px;background:#7188ff13;border:1px solid #8398ff25;color:#d4dcff}.about-text p{color:var(--muted);font-size:15px}.about-text strong{color:#f3f5ff}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service{padding:25px;background:linear-gradient(145deg,#17223e,#121b33);border:1px solid var(--line);border-radius:20px;transition:.25s;min-height:230px}.service:hover,.project:hover,.article-card:hover{transform:translateY(-6px);border-color:#7188ff70;box-shadow:var(--glow)}.service img{width:62px;height:62px;object-fit:contain;border-radius:15px;margin-bottom:17px}.service h3{font-size:17px;margin:0 0 8px}.service p{color:var(--muted);font-size:13px;margin:0;line-height:2}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project{padding:22px;background:linear-gradient(145deg,#17223e,#121b33);border:1px solid var(--line);border-radius:20px;transition:.25s}.project-top{display:flex;align-items:center;gap:15px;margin-bottom:14px}.project img{width:66px;height:66px;object-fit:cover;border-radius:17px;background:#fff}.project h3{margin:0;font-size:16px}.project small{color:#93a3d1;font-size:11px}.project p{color:var(--muted);font-size:13px;margin:0}.project-note{font-size:12px;color:#a9b8ff;margin-top:14px;display:inline-block}
.resume-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resume-box{padding:27px;border:1px solid var(--line);border-radius:20px;background:#ffffff05}.resume-box h3{margin:0 0 23px;font-size:19px}.timeline{border-right:1px solid #657dff65;padding-right:21px}.timeline-item{position:relative;margin-bottom:22px}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";position:absolute;right:-27px;top:10px;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #42d5e81c}.timeline-item strong{display:block;font-size:14px}.timeline-item span{font-size:12px;color:#8fa4ff}.timeline-item p{font-size:13px;color:var(--muted);margin:5px 0 0}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.article-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#17223e;transition:.25s}.article-card img{width:100%;height:165px;object-fit:cover}.article-body{padding:19px}.article-body .eyebrow{font-size:11px}.article-body h3{font-size:15px;line-height:1.9;margin:10px 0 16px}.read-more{font-size:12px;color:#9eafff}.read-more b{font-size:17px;margin-right:6px}
.contact-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:center;padding:38px;border:1px solid #8196ff36;border-radius:25px;background:radial-gradient(circle at 10% 10%,#657dff24,transparent 45%),linear-gradient(130deg,#192747,#141e38);box-shadow:var(--glow)}.contact-panel h2{font-size:30px;margin:0 0 8px}.contact-panel p{color:var(--muted);font-size:14px;margin:0}.contact-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.contact-links a{padding:11px 15px;border-radius:12px;border:1px solid var(--line);font-size:13px;background:#ffffff08}.contact-links a:hover{background:#657dff22}
footer{padding:28px 0;border-top:1px solid var(--line);color:#8592b2;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:15px;align-items:center}.footer-links{display:flex;gap:18px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr .7fr;gap:20px}.services-grid,.projects-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.nav-links{gap:16px}.about-grid{gap:24px}}
@media(max-width:680px){.container{width:min(100% - 30px,560px)}.nav{height:68px}.menu-toggle{display:block}.nav-cta{display:none}.nav-links{display:none;position:absolute;top:68px;right:0;left:0;padding:15px 22px 22px;background:#10182f;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:10px 0;border-bottom:1px solid #ffffff0c}.hero{padding:64px 0 48px}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:270px;grid-row:1}.orbit{width:220px;height:220px}.core-logo{width:115px;height:115px;font-size:45px;border-radius:32px}.chip-a{right:0}.chip-b{left:0}.chip-c{left:-5px}.hero h1{font-size:37px}.hero-copy{font-size:15px}.stats{gap:8px;margin-top:32px}.stat{padding:12px 9px}.stat strong{font-size:20px}.stat span{font-size:10px}section{padding:60px 0}.about-grid,.resume-grid,.contact-panel{grid-template-columns:1fr}.services-grid,.projects-grid,.blog-grid{grid-template-columns:1fr}.service{min-height:0}.contact-panel{padding:25px}.contact-panel h2{font-size:25px}.contact-links{justify-content:flex-start}.footer-inner{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}