body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0c0f14;--bg-2:#10141b;--card-side:#161b23;--card-main:#0f1319;--line:#ffffff12;--text:#eef2f6;--muted:#8b97a6;--muted-2:#64707e;--accent:#0a9640;--accent-2:#80ae91;--accent-soft:#36d42124;--radius:22px;--shadow:0 30px 80px -30px #000000bf}*{box-sizing:border-box}body,html{margin:0;min-height:100%;padding:0}body{-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 85% -10%,#14202b 0,#0000 55%),radial-gradient(900px 500px at 0 110%,#121a22 0,#0000 50%),#0c0f14;background:radial-gradient(1200px 600px at 85% -10%,#14202b 0,#0000 55%),radial-gradient(900px 500px at 0 110%,#121a22 0,#0000 50%),var(--bg);color:#eef2f6;color:var(--text);font-family:Plus Jakarta Sans,Vazirmatn,system-ui,sans-serif;overflow-x:hidden;position:relative}html[dir=rtl] body{font-family:Vazirmatn,Plus Jakarta Sans,system-ui,sans-serif}.bg-decor{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.blob{border-radius:50%;filter:blur(10px);opacity:.25;position:absolute}.blob-1{background:radial-gradient(circle at 30% 30%,#0a9640,#0000 65%);background:radial-gradient(circle at 30% 30%,var(--accent),#0000 65%);height:420px;right:-80px;top:-120px;width:420px}.blob-2{background:radial-gradient(circle at 60% 40%,#80ae91,#0000 65%);background:radial-gradient(circle at 60% 40%,var(--accent-2),#0000 65%);bottom:-120px;height:360px;left:-100px;opacity:.18;width:360px}.dots{background-image:radial-gradient(#ffffff2e 1.5px,#0000 0);background-size:16px 16px;height:150px;left:40px;opacity:.4;position:absolute;top:40px;width:150px}.lang-toggle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff12;border:1px solid var(--line);border-radius:999px;color:#eef2f6;color:var(--text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:9px 16px;position:fixed;right:20px;top:20px;transition:background .25s,transform .25s;z-index:20}html[dir=rtl] .lang-toggle{left:20px;right:auto}.lang-toggle:hover{background:#36d42124;background:var(--accent-soft);transform:translateY(-1px)}.stage{align-items:center;justify-content:center;min-height:100dvh;padding:32px 20px;z-index:1}.resume-shell,.stage{display:flex;position:relative}.resume-shell{background:#10141b;background:var(--bg-2);border:1px solid #ffffff12;border:1px solid var(--line);border-radius:22px;border-radius:var(--radius);box-shadow:0 30px 80px -30px #000000bf;box-shadow:var(--shadow);height:620px;max-width:1080px;min-height:620px;overflow:hidden;width:100%}.about-panel,.contact-panel,.portfolio-panel,.resume-panel{box-sizing:border-box;height:100%;inset:0;overflow-x:hidden;overflow-y:auto;padding:54px 52px;position:absolute;width:100%}.card-side{align-items:center;background:#161b23;background:var(--card-side);border-right:1px solid #ffffff12;border-right:1px solid var(--line);display:flex;flex:0 0 320px;flex-direction:column;justify-content:space-between;padding:42px 28px 22px}html[dir=rtl] .card-side{border-left:1px solid #ffffff12;border-left:1px solid var(--line);border-right:none}.side-inner{align-items:center;display:flex;flex-direction:column;width:100%}.avatar-wrap{height:150px;margin-bottom:22px;position:relative;width:150px}.avatar{border:3px solid #ffffff0f;border-radius:50%;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.avatar-ring{animation:spin 8s linear infinite;background:conic-gradient(from 180deg,#0a9640,#80ae91,#0000 70%);background:conic-gradient(from 180deg,var(--accent),var(--accent-2),#0000 70%);border-radius:50%;inset:-8px;opacity:.55;position:absolute}@keyframes spin{to{transform:rotate(1turn)}}.side-name{font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.side-role{color:#8b97a6;color:var(--muted);font-size:14px;margin:0 0 20px}.side-socials{display:flex;gap:10px;list-style:none;margin:0 0 26px;padding:0}.side-socials a{background:#ffffff0a;border:1px solid #ffffff12;border:1px solid var(--line);border-radius:50%;color:#8b97a6;color:var(--muted);display:grid;font-size:15px;height:38px;place-items:center;text-decoration:none;transition:all .25s;width:38px}.side-socials a:hover{background:#0a9640;background:var(--accent);border-color:#0000;color:#06121a;transform:translateY(-3px)}.btn-cv{align-items:center;border:1px solid #0a9640;border:1px solid var(--accent);border-radius:999px;color:#eef2f6;color:var(--text);display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 30px;text-decoration:none;transition:all .25s}.btn-cv:hover{background:#0a9640;background:var(--accent);box-shadow:0 10px 30px -10px #0a9640;box-shadow:0 10px 30px -10px var(--accent);color:#06121a}.side-copy{color:#64707e;color:var(--muted-2);font-size:12px;margin:24px 0 0;text-align:center}.card-main{background:#0f1319;background:var(--card-main);flex:1 1;min-width:0}.card-main,.panel-viewport{height:100%;min-height:0;overflow:hidden;position:relative}.panel,.panel-viewport{width:100%}.panel{height:100%;inset:0;opacity:0;overflow-x:hidden;overflow-y:auto;padding:54px 52px;pointer-events:none;position:absolute;transform:translateY(24px) scale(.985);transition:opacity .5s ease,transform .55s cubic-bezier(.2,.8,.2,1);visibility:hidden}.panel.is-active{opacity:1;pointer-events:auto;transform:none;visibility:visible}.about-panel,.contact-panel,.portfolio-panel,.resume-panel{animation:panelEnter .55s ease both}@keyframes panelEnter{0%{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.about-panel,.contact-panel,.portfolio-panel,.resume-panel{scrollbar-color:#ffffff24 #0000;scrollbar-width:thin}.about-panel::-webkit-scrollbar,.contact-panel::-webkit-scrollbar,.portfolio-panel::-webkit-scrollbar,.resume-panel::-webkit-scrollbar{width:6px}.about-panel::-webkit-scrollbar-track,.contact-panel::-webkit-scrollbar-track,.portfolio-panel::-webkit-scrollbar-track,.resume-panel::-webkit-scrollbar-track{background:#0000}.about-panel::-webkit-scrollbar-thumb,.contact-panel::-webkit-scrollbar-thumb,.portfolio-panel::-webkit-scrollbar-thumb,.resume-panel::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}.about-panel::-webkit-scrollbar-thumb:hover,.contact-panel::-webkit-scrollbar-thumb:hover,.portfolio-panel::-webkit-scrollbar-thumb:hover,.resume-panel::-webkit-scrollbar-thumb:hover{background:#0a9640;background:var(--accent)}.panel-head{margin-bottom:26px}.panel-head h2{font-size:30px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.head-line{background:#0a9640;background:var(--accent);border-radius:3px;display:block;height:3px;width:54px}.lead{color:#8b97a6;color:var(--muted);font-size:15px;line-height:1.7;max-width:60ch;text-align:justify}.sub-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:30px 0 16px}.sub-title i{color:#0a9640;color:var(--accent)}.info-v-email-call{color:#8b97a6;color:var(--muted);text-decoration:none}.home-inner{margin-top:40px;max-width:32ch}.home-hello{color:#0a9640;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:2px;margin:0 0 10px;text-transform:uppercase}.home-name{font-size:clamp(40px,6vw,64px);font-weight:800;letter-spacing:-1.5px;line-height:1;margin:0 0 14px}.home-typed{color:#eef2f6;color:var(--text);font-size:20px;font-weight:600;margin:0 0 20px}.typed-word{border-right:2px solid #0a9640;border-right:2px solid var(--accent);color:#0a9640;color:var(--accent);padding-right:2px}html[dir=rtl] .typed-word{border-left:2px solid #0a9640;border-left:2px solid var(--accent);border-right:none;padding-left:2px;padding-right:0}.home-lead{color:#8b97a6;color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 28px}.home-actions{display:flex;flex-wrap:wrap;gap:14px}.btn-ghost,.btn-primary{border:1px solid #0000;border-radius:999px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:13px 28px;transition:all .25s}.btn-primary{background:#0a9640;background:var(--accent);color:#06121a}.btn-primary:hover{box-shadow:0 12px 30px -10px #0a9640;box-shadow:0 12px 30px -10px var(--accent);transform:translateY(-2px)}.btn-ghost{background:#0000;border-color:#ffffff12;border-color:var(--line);color:#eef2f6;color:var(--text)}.btn-ghost:hover{border-color:#0a9640;border-color:var(--accent);color:#0a9640;color:var(--accent)}.info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-top:24px}.info-item{background:#ffffff08;border:1px solid #ffffff12;border:1px solid var(--line);border-radius:12px;display:flex;font-size:14px;gap:10px;justify-content:space-between;padding:13px 16px}.info-k{color:#64707e;color:var(--muted-2)}.info-v{font-weight:600}.info-v-email{color:#fff;text-decoration:none}.skills{display:flex;flex-direction:column;gap:16px}.skill-top{color:#8b97a6;color:var(--muted);display:flex;font-size:13px;justify-content:space-between;margin-bottom:7px}.bar{background:#ffffff0f;height:6px;overflow:hidden}.bar,.bar i{border-radius:6px}.bar i{background:linear-gradient(90deg,#80ae91,#0a9640);background:linear-gradient(90deg,var(--accent-2),var(--accent));display:block;height:100%;transition:width 1s ease;width:0}.panel.is-active .bar i{width:var(--w)}.timeline{padding-left:26px;position:relative}html[dir=rtl] .timeline{padding-left:0;padding-right:26px}.timeline:before{background:#ffffff12;background:var(--line);bottom:6px;content:"";left:6px;position:absolute;top:6px;width:2px}html[dir=rtl] .timeline:before{left:auto;right:6px}.tl-item{padding-bottom:22px;position:relative}.tl-item:before{background:#0f1319;background:var(--card-main);border:2px solid #0a9640;border:2px solid var(--accent);border-radius:50%;content:"";height:12px;left:-26px;position:absolute;top:5px;width:12px}html[dir=rtl] .tl-item:before{left:auto;right:-26px}.tl-date{background:#36d42124;background:var(--accent-soft);border-radius:999px;color:#0a9640;color:var(--accent);display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:3px 12px}.tl-item h4{font-size:16px;font-weight:600;margin:0 0 4px}.tl-item p{color:#8b97a6;color:var(--muted);font-size:14px;line-height:1.6;margin:0}.work-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.work{border:1px solid #ffffff12;border:1px solid var(--line);border-radius:16px;grid-column:span 1;min-width:0;transition:border-color .3s,box-shadow .3s}.work,.work.active{background:linear-gradient(160deg,#1b2531,#131922);height:auto;min-height:0;overflow:hidden;width:100%}.work.active{border-color:#0a9640;border-color:var(--accent);box-shadow:0 20px 40px -20px #0009;display:block;grid-column:1/-1;inset:auto;position:relative}.work-head{all:unset;align-items:flex-end;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;justify-content:space-between;min-height:130px;padding:18px;width:100%}.work-head-text{display:flex;flex-direction:column;min-width:0}.work-tag{color:#0a9640;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.work-head h4{font-size:17px;font-weight:600;margin:0}.work-icon{align-items:center;border:1px solid #ffffff12;border:1px solid var(--line);border-radius:50%;color:#0a9640;color:var(--accent);display:flex;flex:none;font-size:16px;height:28px;justify-content:center;transition:transform .3s,background .3s,border-color .3s;width:28px}.work.active .work-icon{background:#0a9640;background:var(--accent);color:#0d1218;transform:rotate(45deg)}.work.active .work-icon,.work:not(.active) .work-head:hover .work-icon{border-color:#0a9640;border-color:var(--accent)}.work-body{box-sizing:border-box;max-height:0;overflow:hidden;transition:max-height .35s ease;width:100%}.work.active .work-body{height:auto;max-height:none;overflow:visible}.work-body-inner{border-top:1px solid #ffffff12;border-top:1px solid var(--line);box-sizing:border-box;margin-top:-1px;min-width:0;padding:0 18px 20px;width:100%}.work-body-inner,.work.active .work-body-inner{height:auto;min-height:0;overflow:visible}.work-desc{color:#8b97a6;color:var(--muted);font-size:14px;line-height:1.7;margin:14px 0 16px}.work-gallery{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:16px;min-width:0;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 2px 14px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:#0a9640 #0000;scrollbar-color:var(--accent) #0000;scrollbar-width:thin;width:100%}.work-gallery::-webkit-scrollbar{height:6px;width:0}.work-gallery::-webkit-scrollbar-track{background:#0000}.work-gallery::-webkit-scrollbar-thumb{background:#ffffff12;background:var(--line);border-radius:10px}.work-gallery:hover::-webkit-scrollbar-thumb{background:#0a9640;background:var(--accent)}.work-gallery .thumb{background:linear-gradient(160deg,#3ddc8424,#3ddc8400 60%),#10151d;border:1px solid #ffffff12;border:1px solid var(--line);border-radius:12px;box-sizing:border-box;cursor:pointer;display:block!important;flex:0 0 260px!important;height:195px;max-width:260px!important;min-width:260px!important;overflow:hidden;position:relative;scroll-snap-align:start;width:260px!important}.work-gallery .thumb img{border:0;display:block;height:100%;margin:0;object-fit:cover;padding:0;transition:transform .35s ease;width:100%}.work-gallery .thumb:hover img{transform:scale(1.04)}.work-video .work-gallery{box-sizing:border-box;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:16px;min-width:0;overflow-x:auto!important;overflow-y:hidden!important;width:100%}.work-video .video-showcase{aspect-ratio:16/9;background:#10151d;border:1px solid #ffffff12;border:1px solid var(--line);border-radius:12px;box-sizing:border-box;cursor:pointer;display:block;flex:0 0 320px!important;max-width:320px!important;min-width:320px!important;overflow:hidden;position:relative;scroll-snap-align:start;width:320px!important}.video-poster{display:block;height:100%;object-fit:cover;transition:transform .4s ease,filter .3s ease;width:100%}.video-showcase:hover .video-poster{filter:brightness(.85);transform:scale(1.03)}.video-play-btn{all:unset;align-items:center;background:#0a9640;background:var(--accent);border-radius:50%;box-shadow:0 12px 30px -10px #000000a6;color:#0d1218;cursor:pointer;display:flex;font-size:26px;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .25s ease,box-shadow .25s ease;width:64px}.video-play-btn i{margin-inline-start:3px}.video-showcase:hover .video-play-btn{transform:translate(-50%,-50%) scale(1.08)}.video-player{background:#000;display:none;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.video-showcase.is-playing{cursor:default}.video-showcase.is-playing .video-play-btn,.video-showcase.is-playing .video-poster{display:none}.video-showcase.is-playing .video-player{display:block}.video-download-btn{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0d1218b8;border:1px solid #0a9640;border:1px solid var(--accent);border-radius:999px;color:#eef2f6;color:var(--text);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;inset-inline-end:10px;line-height:1;opacity:.92;padding:7px 14px;position:absolute;text-decoration:none;top:10px;transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease,opacity .25s ease;white-space:nowrap;z-index:5}.video-download-btn i{color:#0a9640;color:var(--accent);font-size:14px}.video-download-btn:focus-visible,.video-download-btn:hover{background:#0a9640;background:var(--accent);box-shadow:0 10px 24px -8px #0a9640;box-shadow:0 10px 24px -8px var(--accent);color:#06121a;opacity:1;transform:translateY(-1px)}.video-download-btn:focus-visible i,.video-download-btn:hover i{color:#06121a}body.lightbox-open{overflow:hidden}.lightbox{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#05080ce0;display:flex;inset:0;justify-content:center;padding:60px 30px 30px;position:fixed;z-index:9999}.lightbox-image{border-radius:14px;box-shadow:0 20px 60px #00000073;display:block;height:auto;max-height:86vh;max-width:min(92vw,1200px);object-fit:contain;width:auto}.lightbox-close{align-items:center;background:#10151deb;border:1px solid #ffffff12;border:1px solid var(--line);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:46px;justify-content:center;line-height:1;position:fixed;right:20px;top:20px;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease;width:46px;z-index:10001}.lightbox-close:hover{background:#0a9640;background:var(--accent);border-color:#0a9640;border-color:var(--accent);color:#fff;transform:rotate(90deg)}html[dir=rtl] .lightbox-close{left:20px;right:auto}.contact-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:.8fr 1.2fr}.contact-info{display:flex;flex-direction:column;gap:16px}.ci{align-items:center;color:#8b97a6;color:var(--muted);display:flex;font-size:14px;gap:12px}.ci i{background:#36d42124;background:var(--accent-soft);border-radius:12px;color:#0a9640;color:var(--accent);display:grid;flex:none;font-size:17px;height:40px;place-items:center;width:40px}.contact-form{display:flex;flex-direction:column;gap:12px}.contact-form input,.contact-form textarea{background:#ffffff08;border:1px solid #ffffff12;border:1px solid var(--line);border-radius:12px;color:#eef2f6;color:var(--text);font-family:inherit;font-size:14px;padding:13px 16px;resize:vertical;transition:border .25s}.contact-form input:focus,.contact-form textarea:focus{border-color:#0a9640;border-color:var(--accent);outline:none}.contact-form .btn-primary{align-self:flex-start}.form-note{color:#0a9640;color:var(--accent);font-size:14px;margin:4px 0 0}.rail{align-items:center;background:#161b23;background:var(--card-side);border-left:1px solid #ffffff12;border-left:1px solid var(--line);display:flex;flex:0 0 74px;flex-direction:column;gap:10px;justify-content:center;padding:20px 0}html[dir=rtl] .rail{border-left:none;border-right:1px solid #ffffff12;border-right:1px solid var(--line)}.rail-btn{background:#0000;border:none;border-radius:14px;color:#8b97a6;color:var(--muted);cursor:pointer;display:grid;font-size:19px;height:46px;place-items:center;position:relative;transition:all .28s;width:46px}.rail-btn:hover{background:#ffffff0d;color:#eef2f6;color:var(--text)}.rail-btn.is-active{background:#0a9640;background:var(--accent);box-shadow:0 10px 24px -8px #0a9640;box-shadow:0 10px 24px -8px var(--accent);color:#06121a}.rail-tip{background:#05080c;border:1px solid #ffffff12;border:1px solid var(--line);border-radius:8px;color:#eef2f6;color:var(--text);font-size:12px;font-weight:600;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;right:56px;top:50%;transform:translateY(-50%) translateX(6px);transition:all .25s;white-space:nowrap}html[dir=rtl] .rail-tip{left:56px;right:auto;transform:translateY(-50%) translateX(-6px)}.rail-btn:hover .rail-tip{opacity:1;transform:translateY(-50%)}.phon{color:#8b97a6;color:var(--muted);text-decoration:none}@media (max-width:900px){.resume-shell{flex-wrap:wrap;height:auto;min-height:auto}.card-side{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--line);border-right:none;flex:1 1 100%;padding:40px 28px 30px}html[dir=rtl] .card-side{border-left:none}.card-main{flex-basis:calc(100% - 74px);flex-grow:1;flex-shrink:1;order:3}.rail{border-left:1px solid #ffffff12;border-left:1px solid var(--line);flex:0 0 74px;flex-direction:column;order:2;position:relative;z-index:20}.panel-viewport{height:520px;min-height:520px}.about-panel,.contact-panel,.panel,.portfolio-panel,.resume-panel{inset:auto;min-height:520px;position:relative}.panel:not(.is-active){display:none}.panel.is-active{position:relative}.work-grid{grid-template-columns:1fr;width:100%}.work{min-width:0;width:100%}.work.active{grid-column:1;width:100%}.work-body-inner{min-width:0;width:100%}}@media (max-width:620px){.stage{padding:0}.resume-shell{border:none;border-radius:0;min-height:100dvh;width:100%}.card-main{flex:1 1 100%;min-width:0;order:2;width:100%}.rail{background:#161b23;background:var(--card-side);border:none;border-top:1px solid #ffffff12;border-top:1px solid var(--line);bottom:0;flex:1 1 100%;flex-direction:row;justify-content:space-around;order:3;padding:10px 6px;position:sticky;z-index:20}html[dir=rtl] .rail{border-right:none}.rail-tip{display:none}.about-panel,.contact-panel,.panel,.portfolio-panel,.resume-panel{max-width:100%;min-height:auto;overflow-x:hidden;padding:36px 22px;width:100%}.panel-viewport{height:auto;min-height:auto}.contact-grid,.info-grid{grid-template-columns:1fr}.panel-head h2{font-size:26px}.home-inner{margin-top:8px}.lang-toggle{top:14px}html[dir=rtl] .lang-toggle{left:14px}.work-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr;width:100%}.work{border-radius:14px}.work,.work.active{min-width:0;width:100%}.work.active{grid-column:1;height:auto;inset:auto;max-height:none;overflow:hidden;position:relative}.work-head{min-height:110px;padding:16px}.work-head h4{font-size:16px}.work-body,.work-body-inner{max-width:100%;width:100%}.work-body-inner{overflow:visible;padding:0 14px 18px}.work-gallery{-webkit-overflow-scrolling:touch;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 2px 12px;scroll-snap-type:x mandatory;width:100%!important}.work-gallery .thumb{flex:0 0 210px!important;height:158px;max-width:210px!important;min-width:210px!important;scroll-snap-align:start;width:210px!important}.work-video .work-gallery{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important}.work-video .video-showcase{flex:0 0 250px!important;max-width:250px!important;min-width:250px!important;width:250px!important}.video-play-btn{font-size:22px;height:54px;width:54px}.lightbox{padding:70px 16px 20px}.lightbox-image{height:auto;max-height:82vh;max-width:96vw;width:auto}.lightbox-close{font-size:22px;height:42px;right:14px;top:14px;width:42px}html[dir=rtl] .lightbox-close{left:14px;right:auto}}@media (max-width:480px){.work-head{min-height:100px}.work-gallery .thumb{flex:0 0 190px!important;height:143px;max-width:190px!important;min-width:190px!important;width:190px!important}.work-video .video-showcase{flex:0 0 225px!important;max-width:225px!important;min-width:225px!important;width:225px!important}.video-download-btn{gap:0;padding:8px}.video-download-btn i{font-size:15px}}.panel.is-active>*{animation:rise .6s both}.panel.is-active>:nth-child(2){animation-delay:.06s}.panel.is-active>:nth-child(3){animation-delay:.12s}.panel.is-active>:nth-child(4){animation-delay:.18s}.panel.is-active>:nth-child(5){animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.about-panel .panel-head,.contact-panel .panel-head,.resume-panel .panel-head{animation:contentFadeUp .5s ease both;animation-delay:.08s}.about-panel .lead{animation:contentFadeUp .5s ease both;animation-delay:.16s}.about-panel .info-grid{animation:contentFadeUp .5s ease both;animation-delay:.24s}.about-panel .sub-title{animation:contentFadeUp .5s ease both;animation-delay:.32s}.about-panel .skills{animation:contentFadeUp .5s ease both;animation-delay:.4s}@keyframes contentFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.resume-panel .timeline .tl-item,.resume-panel .timeline-wrap>.sub-title{animation:contentFadeUp .5s ease both}.resume-panel .timeline:first-of-type .tl-item:first-child{animation-delay:.18s}.resume-panel .timeline:first-of-type .tl-item:nth-child(2){animation-delay:.28s}.resume-panel .timeline:nth-of-type(2) .tl-item:first-child{animation-delay:.18s}.resume-panel .timeline:nth-of-type(2) .tl-item:nth-child(2){animation-delay:.28s}.resume-panel .timeline:nth-of-type(2) .tl-item:nth-child(3){animation-delay:.38s}.resume-panel .timeline:nth-of-type(2) .tl-item:nth-child(4){animation-delay:.48s}.resume-panel .timeline:nth-of-type(2) .tl-item:nth-child(5){animation-delay:.58s}.resume-panel .timeline:nth-of-type(2) .tl-item:nth-child(6){animation-delay:.68s}.portfolio-panel .panel-head,.portfolio-panel .work{animation:contentFadeUp .5s ease both}.portfolio-panel .work:first-child{animation-delay:.12s}.portfolio-panel .work:nth-child(2){animation-delay:.2s}.portfolio-panel .work:nth-child(3){animation-delay:.28s}.portfolio-panel .work:nth-child(4){animation-delay:.36s}.portfolio-panel .work:nth-child(5){animation-delay:.44s}.contact-panel .ci,.contact-panel .panel-head{animation:contentFadeUp .5s ease both}.contact-panel .ci{opacity:0}.contact-panel .ci:first-child{animation-delay:.16s}.contact-panel .ci:nth-child(2){animation-delay:.26s}.contact-panel .ci:nth-child(3){animation-delay:.36s}.rail-btn{animation:railItemIn .45s ease both;transition:color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease}.rail-btn:first-child{animation-delay:.05s}.rail-btn:nth-child(2){animation-delay:.1s}.rail-btn:nth-child(3){animation-delay:.15s}.rail-btn:nth-child(4){animation-delay:.2s}.rail-btn:nth-child(5){animation-delay:.25s}@keyframes railItemIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}html[dir=rtl] .rail-btn{animation-name:railItemInRTL}@keyframes railItemInRTL{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.rail-btn:hover{transform:translateY(-2px)}.rail-btn:active{transform:translateY(0) scale(.94)}.btn-ghost,.btn-primary{transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.btn-ghost:hover,.btn-primary:hover{transform:translateY(-2px)}.btn-ghost:active,.btn-primary:active{transform:translateY(0) scale(.97)}.info-v-email,.info-v-email-call,.phon{transition:color .25s ease,transform .25s ease}.info-v-email-call:hover,.info-v-email:hover,.phon:hover{color:#0a9640;color:var(--accent)}.skill .bar i{transition:width 1s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.skill:hover .bar i{box-shadow:0 0 14px #0a964059}.about-panel .skill .bar i{animation:skillFill 1s cubic-bezier(.2,.8,.2,1) forwards;display:block;transform:scaleX(0);transform-origin:left center}.about-panel .skill:first-child .bar i{animation-delay:.45s}.about-panel .skill:nth-child(2) .bar i{animation-delay:.58s}.about-panel .skill:nth-child(3) .bar i{animation-delay:.71s}.about-panel .skill:nth-child(4) .bar i{animation-delay:.84s}.about-panel .skill:nth-child(5) .bar i{animation-delay:.97s}@keyframes skillFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}html[dir=rtl] .about-panel .skill .bar i{transform-origin:right center}.tl-item{transition:transform .3s ease,border-color .3s ease}.tl-item:hover{transform:translateX(4px)}html[dir=rtl] .tl-item:hover{transform:translateX(-4px)}.contact-panel .ci i{transition:transform .3s ease,color .3s ease}.contact-panel .ci:hover i{color:#0a9640;color:var(--accent);transform:scale(1.12)}body.lightbox-open .lang-toggle{opacity:0;pointer-events:none;visibility:hidden}body.lightbox-open .portfolio-panel{overflow:hidden}
/*# sourceMappingURL=main.0e28acd9.css.map*/