@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap";
@font-face{font-family:vazirmatn;src:url(../media/Vazirmatn_VariableFont_wght-s.p.0g7~-l2tx0fe5.ttf)format("truetype");font-display:swap}@font-face{font-family:vazirmatn Fallback;src:local(Arial);ascent-override:101.52%;descent-override:53.18%;line-gap-override:0.0%;size-adjust:101.0%}.vazirmatn_55e82807-module__p4nrta__className{font-family:vazirmatn,vazirmatn Fallback}
:root{--bg:#050914;--bg-soft:#0b1020;--text:#f8fafc;--muted:#9ca3af;--border:#ffffff1f;--card:#ffffff13;--primary:#8b5cf6;--secondary:#06b6d4;--accent:#22c55e;--danger:#fb7185;--warning:#fbbf24;--success:#34d399}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 10%,#8b5cf63d,#0000 28%),radial-gradient(circle at 85% 25%,#06b6d42e,#0000 28%),radial-gradient(circle at 50% 90%,#ec489924,#0000 30%),linear-gradient(145deg,#040711,#080d19 45%,#060a13);font-family:Vazirmatn,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:0 auto}.noise{pointer-events:none;z-index:1;opacity:.42;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 90%);mask-image:radial-gradient(circle,#000 35%,#0000 90%)}.orb{filter:blur(90px);opacity:.42;pointer-events:none;z-index:0;border-radius:999px;animation:9s ease-in-out infinite float;position:fixed}.orbOne{background:var(--primary);width:260px;height:260px;top:120px;right:-70px}.orbTwo{background:var(--secondary);width:300px;height:300px;animation-delay:2s;bottom:140px;left:-90px}.orbThree{background:#ec4899;width:220px;height:220px;animation-delay:4s;top:48%;right:42%}@keyframes float{0%{transform:translate(0,0)scale(1)}33%{transform:translate(25px,-35px)scale(1.05)}66%{transform:translate(-25px,20px)scale(.95)}to{transform:translate(0,0)scale(1)}}.header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050914ad;border-bottom:1px solid #ffffff12;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:22px;min-height:76px;display:flex}.brand{align-items:center;gap:12px;font-weight:900;display:inline-flex}.brandMark{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:16px;place-items:center;width:44px;height:44px;font-weight:900;display:grid;box-shadow:0 18px 38px #8b5cf647}.navLinks{color:var(--muted);align-items:center;gap:28px;font-size:.95rem;display:flex}.navLinks a{transition:all .25s}.navLinks a:hover{color:#fff}.navButton,.primaryButton,.secondaryButton,.contactButton{border-radius:16px;justify-content:center;align-items:center;gap:10px;font-weight:800;transition:all .3s;display:inline-flex}.navButton{border:1px solid var(--border);background:#ffffff14;padding:12px 18px}.navButton:hover{background:#ffffff21;transform:translateY(-2px)}.hero{z-index:2;padding:92px 0 76px;position:relative}.heroGrid{grid-template-columns:1.08fr .92fr;align-items:center;gap:34px;display:grid}.statusBadge{color:#dbeafe;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:10px 16px;display:inline-flex}.statusBadge span{background:var(--accent);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 7px #22c55e24}.hero h1{letter-spacing:-1.5px;max-width:850px;margin-bottom:24px;font-size:clamp(2.35rem,5.2vw,5rem);line-height:1.18}.hero h1 b{background:linear-gradient(135deg,#fff,#c4b5fd 42%,#67e8f9 82%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.heroText{color:#cbd5e1;max-width:760px;margin-bottom:30px;font-size:1.08rem;line-height:2.05}.heroActions{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.primaryButton{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;padding:15px 22px;box-shadow:0 20px 48px #8b5cf647}.primaryButton:hover{transform:translateY(-3px);box-shadow:0 26px 60px #8b5cf661}.secondaryButton{border:1px solid var(--border);background:#ffffff12;padding:15px 22px}.secondaryButton:hover{background:#ffffff1f;transform:translateY(-3px)}.socials{align-items:center;gap:12px;display:flex}.socials a{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff13;border-radius:18px;place-items:center;width:52px;height:52px;transition:all .3s;display:grid}.socials a:hover{background:#ffffff21;transform:translateY(-4px)scale(1.04)}.profilePanel{gap:18px;display:grid}.codeCard,.glassCard,.workCard,.contactCard,.statCard,.miniFeature{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 28px 80px #00000047}.codeCard{border-radius:28px;overflow:hidden}.codeHeader{background:#ffffff13;border-bottom:1px solid #ffffff17;align-items:center;gap:8px;height:52px;padding:0 20px;display:flex}.dot{border-radius:999px;width:12px;height:12px}.red{background:var(--danger)}.yellow{background:var(--warning)}.green{background:var(--success)}pre{text-align:left;color:#dbeafe;direction:ltr;padding:26px;font-size:.9rem;line-height:1.8;overflow-x:auto}.statsGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.statCard{text-align:center;border-radius:22px;padding:20px}.statCard strong{margin-bottom:6px;font-size:1.35rem;display:block}.statCard span{color:var(--muted);font-size:.92rem}.section{z-index:2;padding:82px 0;position:relative}.sectionHead{max-width:850px;margin-bottom:32px}.eyebrow{color:#67e8f9;letter-spacing:1px;margin-bottom:12px;font-weight:900;display:inline-block}.sectionHead h2,.contactSection h2{margin-bottom:14px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.35}.sectionHead p,.contactSection p{color:#cbd5e1;line-height:2}.aboutGrid{grid-template-columns:1.1fr .9fr;gap:22px;display:grid}.bigCard{border-radius:28px;padding:30px}.bigCard h3{margin-bottom:16px;font-size:1.55rem}.bigCard p{color:#cbd5e1;line-height:2.1}.featureStack{gap:16px;display:grid}.miniFeature{border-radius:24px;padding:22px}.miniFeature span{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;font-weight:900;display:inline-flex}.miniFeature h4{margin-bottom:8px}.miniFeature p{color:var(--muted);line-height:1.9}.skillsCloud{flex-wrap:wrap;gap:14px;display:flex}.skillsCloud span{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e5e7eb;background:#ffffff13;border-radius:999px;padding:14px 18px;font-weight:700;transition:all .25s}.skillsCloud span:hover{background:#ffffff21;transform:translateY(-3px)}.workGrid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.workCard{border-radius:28px;padding:26px;transition:all .35s;position:relative;overflow:hidden}.workCard:before{content:"";opacity:0;background:radial-gradient(circle at 100% 0,#8b5cf62e,#0000 35%);transition:all .35s;position:absolute;inset:0}.workCard:hover{border-color:#ffffff38;transform:translateY(-7px)}.workCard:hover:before{opacity:1}.workIndex{z-index:1;background:linear-gradient(135deg,#8b5cf6e6,#06b6d4d9);border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:18px;font-weight:900;display:grid;position:relative}.workCard h3,.workCard p,.tagList{z-index:1;position:relative}.workCard h3{margin-bottom:12px;font-size:1.25rem}.workCard p{color:#cbd5e1;margin-bottom:18px;line-height:2}.tagList{flex-wrap:wrap;gap:10px;display:flex}.tagList span{color:#dbeafe;background:#ffffff13;border:1px solid #ffffff17;border-radius:999px;padding:9px 12px;font-size:.84rem}.contactSection{padding-bottom:92px}.contactGrid{grid-template-columns:1fr .78fr;align-items:center;gap:24px;display:grid}.contactCard{border-radius:30px;padding:28px}.contactLine{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.contactLine span{color:var(--muted)}.contactLine strong{direction:ltr}.contactButton{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:100%;margin-top:22px;padding:16px 20px;box-shadow:0 20px 48px #8b5cf647}.contactButton:hover{transform:translateY(-3px)}.footer{z-index:2;color:var(--muted);text-align:center;border-top:1px solid #ffffff12;padding:28px 0 40px;position:relative}@media (max-width:980px){.navLinks{display:none}.heroGrid,.aboutGrid,.contactGrid,.workGrid{grid-template-columns:1fr}.hero{padding-top:64px}}@media (max-width:640px){.nav{min-height:68px}.navButton{display:none}.hero h1{letter-spacing:-.5px}.heroActions{flex-direction:column}.primaryButton,.secondaryButton{width:100%}.statsGrid{grid-template-columns:1fr}pre{padding:20px;font-size:.78rem}.section{padding:62px 0}.contactLine{flex-direction:column;align-items:flex-start}}.profilePanel{perspective:1200px}.codeCard{transform-style:preserve-3d;will-change:transform;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s}.codeCard:hover{transform:rotateX(12deg)rotateY(-15deg)scale3d(1.05,1.05,1.05);box-shadow:-20px 20px 40px #0ff3,20px -20px 40px #ff008033}.codeCard pre,.codeCard .codeHeader{transition:transform .5s cubic-bezier(.23,1,.32,1)}.codeCard:hover pre{transform:translateZ(50px)}.codeCard:hover .codeHeader{transform:translateZ(30px)}h1 b{color:#fff;animation:3s infinite glitch-neon;display:inline-block;position:relative}@keyframes glitch-neon{0%,to{text-shadow:0 0 #0000;transform:skew(0deg)}2%,6%{text-shadow:2px 2px #0ff,-2px -2px #ff0050;transform:skew(-5deg)}4%,8%{text-shadow:-2px -2px #0ff,2px 2px #ff0050;transform:skew(5deg)}10%,98%{text-shadow:0 0 #0000;transform:skew(0deg)}}.primaryButton{transform-style:preserve-3d;z-index:1;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.primaryButton:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.primaryButton:hover{letter-spacing:1px;transform:translateY(-5px)scale(1.05)translateZ(20px);box-shadow:0 0 20px #0ff9,0 0 40px #ff008066}.primaryButton:hover:before{animation:1.5s infinite shine;left:100%}@keyframes shine{0%{left:-100%}20%,to{left:100%}}::selection{color:#fff;text-shadow:0 0 8px #ffffff80;background:#8b5cf666}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:10px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--primary), var(--secondary));box-shadow:0 0 15px #8b5cf6cc}.workCard:hover{border-color:#06b6d480;transform:translateY(-10px)scale(1.02);box-shadow:0 15px 35px #0006,inset 0 0 0 1px #06b6d44d,0 10px 20px #8b5cf626}.workCard:hover .workIndex{transition:all .3s;transform:scale(1.1)rotate(5deg);box-shadow:0 0 20px #06b6d499}*{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='%2300f3ff' opacity='0.5'/%3E%3Ccircle cx='12' cy='12' r='4' fill='%23ff00fc'/%3E%3C/svg%3E") 12 12,auto}a,button,.primaryButton,.workCard,.codeCard{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='16' fill='none' stroke='%23ff00fc' stroke-width='2' opacity='0.8'/%3E%3Ccircle cx='18' cy='18' r='4' fill='%2300f3ff'/%3E%3C/svg%3E") 18 18,pointer!important}p,h1,h2,h3,span{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='11' y='4' width='2' height='16' fill='%2300f3ff'/%3E%3C/svg%3E") 12 12,text}