:root{--bg:#fdfdfd;--bg-alt:#f4f6fb;--surface:#fff;--border:#e7eaf1;--text:#475067;--text-strong:#141a2a;--accent:#4f46e5;--accent-soft:#eef2ff;--accent-strong:#4338ca;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 3px #141a2a0f;--shadow-md:0 10px 30px -10px #141a2a26;--shadow-lg:0 25px 60px -15px #141a2a40;--container:1140px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Vazirmatn,system-ui,-apple-system,sans-serif;line-height:1.8}body.no-scroll{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:var(--container);margin-inline:auto;padding-inline:24px}.text-accent{color:var(--accent)}.text-gradient{background:linear-gradient(110deg, var(--accent), #8b7cf8, #38bdf8, var(--accent));color:#0000;background-size:250%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite gradientShift}@keyframes gradientShift{to{background-position:250%}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal--up{transform:translateY(40px)}.reveal--left{transform:translate(-40px)}.reveal--right{transform:translate(40px)}.reveal--zoom{transform:scale(.92)}.reveal.is-visible{opacity:1;transform:none}.reveal--stagger>*{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal--stagger.is-visible>*{opacity:1;transform:none}.reveal--stagger.is-visible>:first-child{transition-delay:50ms}.reveal--stagger.is-visible>:nth-child(2){transition-delay:.12s}.reveal--stagger.is-visible>:nth-child(3){transition-delay:.19s}.reveal--stagger.is-visible>:nth-child(4){transition-delay:.26s}.reveal--stagger.is-visible>:nth-child(5){transition-delay:.33s}.reveal--stagger.is-visible>:nth-child(6){transition-delay:.4s}.reveal--stagger.is-visible>:nth-child(7){transition-delay:.47s}.reveal--stagger.is-visible>:nth-child(8){transition-delay:.54s}@media (prefers-reduced-motion:reduce){.reveal,.reveal--stagger>*,.hero__content>*,.hero__visual{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.btn{border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.btn--lg{padding:13px 30px;font-size:1rem}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px -8px #4f46e599}.btn--primary:hover{background:var(--accent-strong);transform:translateY(-2px)}.btn--ghost{border-color:var(--border);color:var(--text-strong);background:var(--surface)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.tag{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:600;display:inline-block}.tag--more{background:var(--bg-alt);color:var(--text)}.page-state{text-align:center;place-content:center;justify-items:center;gap:18px;min-height:100vh;display:grid}.spinner{border:4px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.code-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.code-bg__sym{color:#4f46e512;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:Courier New,monospace;font-weight:800;animation:14s ease-in-out infinite codeFloat;position:absolute;transform:translate(-50%,-50%)}@keyframes codeFloat{0%,to{transform:translate(-50%,-50%)rotate(0)}50%{transform:translate(-50%,calc(-50% - 22px))rotate(4deg)}}main,.footer{z-index:1;position:relative}.header{inset-inline:0;z-index:100;transition:top .3s;position:fixed;top:14px}.header__inner{-webkit-backdrop-filter:blur(18px)saturate(160%);background:#ffffff8c;border:1px solid #fff9;border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:64px;padding-inline:18px;transition:background .3s,box-shadow .3s;display:grid;box-shadow:0 8px 32px -12px #141a2a2e}.header--scrolled .header__inner{background:#ffffffb8;box-shadow:0 12px 40px -14px #141a2a47}.header__logo{color:var(--text-strong);justify-self:start;align-items:center;gap:10px;font-size:1.02rem;font-weight:700;display:flex}.header__logo-mark{background:linear-gradient(135deg, var(--accent), #7c6ef6);color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:1.05rem;font-weight:800;display:grid;overflow:hidden;box-shadow:0 6px 16px -6px #4f46e599}.header__logo-mark img{object-fit:cover;width:100%;height:100%}.header__nav{background:#fff6;border:1px solid #ffffff80;border-radius:999px;justify-self:center;align-items:center;gap:6px;padding:5px;display:flex}.header__link{color:var(--text);border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.header__link:hover{color:var(--accent-strong);background:#ffffffb3}.header__actions{justify-self:end;align-items:center;gap:18px;display:flex}.header__contact{color:#fff;background:linear-gradient(135deg, var(--accent), #7c6ef6);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;height:42px;padding-inline:16px;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 18px -8px #4f46e5b3}.header__contact:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px #4f46e5cc}.search{align-items:center;display:flex;position:relative}.search__icon{color:var(--text);pointer-events:none;place-items:center;display:grid;position:absolute;inset-inline-start:12px}.search__input{width:200px;color:var(--text-strong);background:#ffffffb3;border:1.5px solid #4f46e54d;border-radius:999px;padding:9px 14px 9px 38px;font-family:inherit;font-size:.88rem;transition:all .25s}.search__input::placeholder{color:var(--text)}.search__input:focus{border-color:var(--accent);background:#fff;outline:none;width:230px}.search__results{top:calc(100% + 10px);background:var(--surface);border:1px solid var(--border);width:min(340px,80vw);max-height:60vh;box-shadow:var(--shadow-lg);z-index:120;border-radius:16px;padding:8px;animation:.2s fadeIn;position:absolute;inset-inline-end:0;overflow-y:auto}.search__empty{text-align:center;color:var(--text);padding:16px;font-size:.88rem}.search__group+.search__group{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.search__group-title{color:var(--accent-strong);padding:6px 10px 4px;font-size:.72rem;font-weight:700;display:block}.search__item{color:var(--text-strong);border-radius:10px;align-items:center;gap:9px;padding:9px 10px;font-size:.88rem;transition:background .15s;display:flex}.search__item:hover{background:var(--accent-soft);color:var(--accent-strong)}.bottom-nav{bottom:16px;z-index:100;pointer-events:none;padding-inline:16px;display:none;position:fixed;inset-inline:0}.bottom-nav__inner{pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(160%);background:#fff9;border:1px solid #fff9;border-radius:999px;justify-content:space-around;align-items:center;gap:4px;max-width:460px;margin-inline:auto;padding:8px;display:flex;box-shadow:0 12px 36px -10px #141a2a4d}.bottom-nav__item{color:var(--text);border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px;font-size:.66rem;font-weight:600;transition:color .2s,background .2s;display:flex}.bottom-nav__item span{transition:opacity .2s}.bottom-nav__item--active{color:var(--accent-strong);background:var(--accent-soft)}.hero{padding-top:160px;padding-bottom:110px;position:relative;overflow:hidden}.hero__bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero__orb{filter:blur(70px);opacity:.55;border-radius:50%;animation:16s ease-in-out infinite orbFloat;position:absolute}.hero__orb--1{top:-90px;background:radial-gradient(circle,#4f46e58c,#0000 70%);width:420px;height:420px;inset-inline-end:-60px}.hero__orb--2{bottom:-120px;background:radial-gradient(circle,#8b7cf873,#0000 70%);width:360px;height:360px;animation-delay:-5s;inset-inline-start:-80px}.hero__orb--3{top:40%;background:radial-gradient(circle,#38bdf859,#0000 70%);width:260px;height:260px;animation-delay:-9s;inset-inline-start:45%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.08)}66%{transform:translate(-25px,25px)scale(.95)}}.hero__grid{background-image:linear-gradient(90deg,#141a2a0a 1px,#0000 1px),linear-gradient(#141a2a0a 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 75%)}.hero__inner{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid;position:relative}.hero__content>*{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards heroIn}.hero__badge{animation-delay:50ms}.hero__title{animation-delay:.15s}.hero__subtitle{animation-delay:.25s}.hero__intro{animation-delay:.35s}.hero__actions{animation-delay:.45s}.hero__stats{animation-delay:.55s}@keyframes heroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero__badge{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-strong);box-shadow:var(--shadow-sm);background:#ffffffb3;border-radius:999px;align-items:center;gap:9px;margin-bottom:22px;padding:7px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.hero__badge-dot{background:#22c55e;border-radius:50%;width:9px;height:9px;animation:2s infinite pulse;box-shadow:0 0 #22c55e80}@keyframes pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.hero__title{color:var(--text-strong);letter-spacing:-.5px;font-size:clamp(2.1rem,5.2vw,3.4rem);font-weight:800;line-height:1.4}.hero__subtitle{color:var(--text);margin-top:10px;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:600}.hero__intro{max-width:520px;margin-top:20px;font-size:1.04rem}.hero__actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero__stats{flex-wrap:wrap;gap:14px;margin-top:44px;display:flex}.hero__stat{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);background:#ffffffb3;flex-direction:column;min-width:96px;padding:14px 22px;display:flex}.hero__stat-value{background:linear-gradient(120deg, var(--accent), #8b7cf8);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800;line-height:1.2}.hero__stat-label{color:var(--text);font-size:.82rem}.hero__visual{place-items:center;min-height:340px;animation:.8s cubic-bezier(.22,1,.36,1) .2s both heroIn;display:grid;position:relative}.hero__ring{border:1.5px dashed #4f46e559;border-radius:50%;width:300px;height:300px;animation:28s linear infinite spin;position:absolute}.hero__ring:before{content:"";top:8px;background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 0 12px #4f46e5b3}.hero__orbit{z-index:2;width:366px;height:366px;position:absolute}.hero__orbit-icon{top:50%;transform:rotate(var(--angle)) translate(183px) rotate(calc(-1 * var(--angle)));position:absolute;inset-inline-start:50%}.hero__orbit-inner{border:1px solid var(--border);width:50px;height:50px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--chipColor,var(--accent-strong));background:#ffffffeb;border-radius:15px;place-items:center;font-size:.82rem;font-weight:800;animation:5s ease-in-out infinite float;display:grid;transform:translate(-50%,-50%)}.hero__avatar{z-index:1;background:linear-gradient(135deg, var(--accent), #8b7cf8);color:#fff;border-radius:36% 64% 60% 40%/42% 38% 62% 58%;place-items:center;width:230px;height:230px;font-size:5.5rem;font-weight:800;animation:9s ease-in-out infinite blob;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #4f46e58c}.hero__avatar img{object-fit:cover;width:100%;height:100%}@keyframes blob{0%,to{border-radius:36% 64% 60% 40%/42% 38% 62% 58%}50%{border-radius:60% 40% 38% 62%/56% 60% 40% 44%}}.hero__chip{z-index:2;border:1px solid var(--border);color:var(--text-strong);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:.85rem;font-weight:700;animation:5s ease-in-out infinite float;display:inline-flex;position:absolute}.hero__chip span{font-size:1rem}.hero__chip--1{top:6%;inset-inline-start:-10px}.hero__chip--2{bottom:16%;animation-delay:1.2s;inset-inline-end:-16px}.hero__chip--3{bottom:0;animation-delay:2.4s;inset-inline-start:16%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero__scroll{bottom:28px;z-index:1;position:absolute;inset-inline-start:50%;transform:translate(-50%)}.hero__scroll-mouse{border:2px solid var(--border);border-radius:14px;width:24px;height:38px;display:block;position:relative}.hero__scroll-wheel{top:7px;background:var(--accent);border-radius:2px;width:4px;height:7px;animation:1.8s ease-in-out infinite scrollWheel;position:absolute;inset-inline-start:50%;transform:translate(-50%)}@keyframes scrollWheel{0%{opacity:0;transform:translate(-50%)}40%{opacity:1}to{opacity:0;transform:translate(-50%,12px)}}.section{padding-block:90px}.section--alt{background:var(--bg-alt)}.section__head{text-align:center;margin-bottom:56px}.section__tag{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #4f46e52e;border-radius:999px;align-items:center;gap:7px;margin-bottom:16px;padding:6px 18px;font-size:.85rem;font-weight:700;display:inline-flex}.section__tag:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.section__title{color:var(--text-strong);letter-spacing:-.5px;font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:800;display:inline-block;position:relative}.section__title:after{content:"";bottom:-12px;background:linear-gradient(90deg, var(--accent), #8b7cf8);border-radius:999px;width:54px;height:4px;position:absolute;inset-inline-start:50%;transform:translate(-50%)}.section__subtitle{color:var(--text);margin-top:10px;font-size:.95rem}.about{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:32px;display:grid}.about__main{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:24px;padding:40px 38px;position:relative;overflow:hidden}.about__main:before{content:"";top:0;background:linear-gradient(180deg, var(--accent), #8b7cf8);width:5px;height:100%;position:absolute;inset-inline-end:0}.about__quote{top:6px;color:var(--accent-soft);pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Georgia,serif;font-size:7rem;line-height:1;position:absolute;inset-inline-start:28px}.about__greeting{color:var(--accent-strong);margin-bottom:18px;font-size:.95rem;font-weight:700;display:inline-block;position:relative}.about__para{font-size:1.02rem;line-height:2.1;position:relative}.about__para+.about__para{margin-top:16px}.about__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.about__card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:24px;flex-direction:column;padding:0 26px 26px;display:flex;position:relative;overflow:hidden}.about__card-bg{top:0;background:radial-gradient(circle at 30% 20%, #ffffff40, transparent 60%), linear-gradient(135deg, var(--accent), #7c6ef6);height:120px;position:absolute;inset-inline:0}.about__profile{text-align:center;flex-direction:column;align-items:center;margin-bottom:22px;padding-top:60px;display:flex;position:relative}.about__avatar{background:linear-gradient(135deg, var(--accent), #8b7cf8);color:#fff;border:5px solid var(--surface);width:110px;height:110px;box-shadow:var(--shadow-md);border-radius:50%;place-items:center;font-size:2.6rem;font-weight:800;display:grid;position:relative;overflow:hidden}.about__avatar img{object-fit:cover;width:100%;height:100%}.about__status{bottom:8px;border:3px solid var(--surface);background:#22c55e;border-radius:50%;width:16px;height:16px;position:absolute;inset-inline-end:8px}.about__name{color:var(--text-strong);margin-top:14px;font-size:1.2rem;font-weight:800}.about__role{color:var(--text);margin-top:4px;font-size:.9rem}.about__facts{gap:12px;list-style:none;display:grid}.about__fact{background:var(--bg-alt);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:12px 16px;transition:transform .2s,border-color .2s,background .2s;display:flex}.about__fact:hover{background:var(--surface);border-color:#4f46e566;transform:translate(-4px)}.about__fact-icon{background:var(--accent-soft);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.25rem;display:grid}.about__fact-body{min-width:0}.about__fact-body strong{color:var(--text-strong);font-size:.85rem;display:block}.about__fact-body span,.about__fact-body a{color:var(--text);overflow-wrap:anywhere;font-size:.88rem}.about__fact-body a:hover{color:var(--accent)}.skills__grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.skill-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:28px 18px 24px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;display:flex}.skill-card:hover{border-color:#4f46e566;transform:translateY(-6px);box-shadow:0 22px 44px -20px #4f46e573}.skill-card__ring{width:116px;height:116px;position:relative}.skill-card__svg{width:100%;height:100%;transform:rotate(-90deg)}.skill-card__track{fill:none;stroke:var(--bg-alt);stroke-width:8px}.skill-card__progress{fill:none;stroke:url(#skillGrad);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1.3s cubic-bezier(.22,1,.36,1)}.skill-card__center{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.skill-card__icon{width:30px;height:30px}.skill-card__percent{color:var(--accent-strong);font-size:.9rem;font-weight:800}.skill-card__name{color:var(--text-strong);text-align:center;font-size:.98rem;font-weight:700}.projects__wrap{position:relative}.projects__grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;grid-auto-flow:dense;gap:20px;display:grid}.project-card{text-align:start;background:var(--bg-alt);box-shadow:var(--shadow-sm);font:inherit;color:inherit;isolation:isolate;border-radius:22px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;display:block;position:relative;overflow:hidden}.project-card--featured{grid-area:span 2/span 2}.project-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px -20px #141a2a8c}.project-card__media{position:absolute;inset:0}.project-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-card__media img{transform:scale(1.08)}.project-card__shade{pointer-events:none;background:linear-gradient(#0000 0%,#0c0f1c0d 40%,#0c0f1c8c 70%,#0c0f1ceb 100%);transition:opacity .3s;position:absolute;inset:0}.project-card__badges{top:14px;z-index:2;gap:8px;display:flex;position:absolute;inset-inline-start:14px}.project-card__badge{color:var(--accent-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:999px;padding:5px 12px;font-size:.74rem;font-weight:700}.project-card__badge--dark{color:#fff;background:#0c0f1c99}.project-card__arrow{top:14px;z-index:2;width:40px;height:40px;color:var(--accent-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#ffffffeb;border-radius:50%;place-items:center;transition:all .35s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset-inline-end:14px;transform:scale(.8)rotate(-15deg)}.project-card:hover .project-card__arrow{opacity:1;transform:scale(1)rotate(0)}.project-card__content{inset-inline:0;z-index:2;color:#fff;flex-direction:column;gap:9px;padding:20px 22px;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:0}.project-card__title{color:#fff;font-size:1.15rem;font-weight:800;line-height:1.5}.project-card--featured .project-card__title{font-size:1.5rem}.project-card__desc{color:#ffffffd1;-webkit-line-clamp:2;opacity:0;-webkit-box-orient:vertical;max-height:0;font-size:.88rem;transition:max-height .4s,opacity .4s,margin .4s;display:-webkit-box;overflow:hidden}.project-card:hover .project-card__desc{opacity:1;max-height:60px}.project-card__tags{flex-wrap:wrap;gap:7px;display:flex}.project-card__tag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #fff3;border-radius:999px;padding:3px 11px;font-size:.74rem;font-weight:600}.project-card__tag--more{background:#ffffff1a}.project-card--faded,.reveal--stagger.is-visible>.project-card--faded{opacity:.35;filter:blur(2px)saturate(.6);pointer-events:none;-webkit-user-select:none;user-select:none;transform:scale(.97)}.projects__wrap--collapsed:after{content:"";inset-inline:0;background:linear-gradient(180deg, transparent, var(--bg) 78%);pointer-events:none;height:260px;position:absolute;bottom:0}.projects__more{inset-inline:0;z-index:2;justify-content:center;display:flex;position:absolute;bottom:36px}.projects__less{justify-content:center;margin-top:32px;display:flex}.modal{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141a2a99;place-items:center;padding:20px;animation:.25s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal__panel{background:var(--surface);width:min(760px,100%);max-height:92vh;box-shadow:var(--shadow-lg);border-radius:20px;animation:.35s cubic-bezier(.22,1,.36,1) slideUp;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.modal__close{top:14px;z-index:5;width:38px;height:38px;color:var(--text-strong);box-shadow:var(--shadow-sm);background:#ffffffe6;border:none;border-radius:50%;font-size:1rem;transition:all .2s;position:absolute;inset-inline-start:14px}.modal__close:hover{background:var(--accent);color:#fff}.modal__gallery{aspect-ratio:16/10;background:var(--bg-alt);position:relative}.modal__image{object-fit:cover;width:100%;height:100%}.modal__arrow{width:42px;height:42px;color:var(--text-strong);box-shadow:var(--shadow-md);background:#ffffffeb;border:none;border-radius:50%;place-items:center;font-size:1.6rem;line-height:1;transition:all .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.modal__arrow:hover{background:var(--accent);color:#fff}.modal__arrow--prev{inset-inline-start:14px}.modal__arrow--next{inset-inline-end:14px}.modal__counter{bottom:12px;color:#fff;direction:ltr;background:#141a2aa6;border-radius:999px;padding:3px 12px;font-size:.8rem;position:absolute;inset-inline-end:14px}.modal__thumbs{gap:10px;padding:14px 22px 0;display:flex}.modal__thumb{opacity:.6;background:0 0;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:76px;height:50px;padding:0;transition:all .2s;overflow:hidden}.modal__thumb img{object-fit:cover;width:100%;height:100%}.modal__thumb--active,.modal__thumb:hover{border-color:var(--accent);opacity:1}.modal__body{padding:22px 26px 28px}.modal__title{color:var(--text-strong);margin-bottom:14px;font-size:1.4rem;font-weight:800}.modal__tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.modal__desc{font-size:.97rem}.modal__footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;padding-top:20px;display:flex}.modal__url{color:var(--text);overflow-wrap:anywhere;font-size:.88rem}.articles__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.article-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;padding:26px;transition:transform .25s,box-shadow .25s;display:flex}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.article-card__meta{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.article-card__date{font-size:.82rem}.article-card__title{color:var(--text-strong);margin-bottom:10px;font-size:1.08rem;font-weight:700;line-height:1.7}.article-card__excerpt{flex-grow:1;font-size:.9rem}.article-card__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;font-size:.85rem;display:flex}.article-card__more{color:var(--accent);font-weight:700;transition:transform .2s}.article-card:hover .article-card__more{transform:translate(-4px)}.article-page{background:var(--bg);min-height:100vh}.article-page__topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fdfdfdd9;position:sticky;top:0}.article-page__topbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.article-page__back{color:var(--text);font-size:.92rem;font-weight:600;transition:color .2s}.article-page__back:hover{color:var(--accent)}.article-page__main{padding-block:56px 80px}.article-page__container{max-width:760px}.article-page__head{margin-bottom:24px}.article-page__title{color:var(--text-strong);margin-bottom:18px;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1.6}.article-page__meta{color:var(--text);flex-wrap:wrap;gap:20px;font-size:.88rem;display:flex}.article-page__lead{color:var(--text-strong);background:var(--accent-soft);border-inline-start:4px solid var(--accent);border-radius:var(--radius-sm);margin-bottom:36px;padding:18px 22px;font-size:1.05rem;font-weight:500;line-height:2}.article-page__content{color:var(--text);font-size:1.02rem;line-height:2.2}.article-page__content p+p{margin-top:22px}.article-page__source{margin-top:32px}.article-page__footer{border-top:1px solid var(--border);justify-content:center;margin-top:48px;padding-top:28px;display:flex}.project-page{background:var(--bg);min-height:100vh}.project-page__topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fdfdfdd9;position:sticky;top:0}.project-page__topbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.project-page__back{color:var(--text);font-size:.92rem;font-weight:600;transition:color .2s}.project-page__back:hover{color:var(--accent)}.project-page__type{color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;padding:4px 14px;font-size:.8rem;font-weight:700}.project-hero{background:radial-gradient(55% 50% at 90% 0,#4f46e514,#0000),radial-gradient(45% 40% at 0 100%,#7c6ef60f,#0000);padding-block:48px 56px}.project-hero__inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;display:grid}.project-hero__main{border:1px solid var(--border);box-shadow:var(--shadow-md);aspect-ratio:16/10;background:var(--bg-alt);border-radius:18px;overflow:hidden}.project-hero__main img{object-fit:cover;width:100%;height:100%}.project-hero__main--empty{color:var(--border);place-items:center;font-size:3rem;display:grid}.project-hero__thumbs{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.project-hero__thumb{opacity:.6;background:0 0;border:2px solid #0000;border-radius:10px;width:82px;height:56px;padding:0;transition:all .2s;overflow:hidden}.project-hero__thumb img{object-fit:cover;width:100%;height:100%}.project-hero__thumb--active,.project-hero__thumb:hover{border-color:var(--accent);opacity:1}.project-hero__title{color:var(--text-strong);font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;line-height:1.5}.project-hero__short{margin-top:12px;font-size:1.05rem}.project-hero__tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.project-hero__cta{flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px;display:flex}.project-hero__url{color:var(--text);overflow-wrap:anywhere;font-size:.85rem}.project-hero__note{color:var(--text);background:var(--bg-alt);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:14px 18px;font-size:.92rem}.project-section{padding-block:56px}.project-section--alt{background:var(--bg-alt)}.project-section__title{color:var(--text-strong);text-align:center;margin-bottom:28px;font-size:1.4rem;font-weight:800}.project-section__narrow{max-width:760px}.project-features{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-strong);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:16px 20px;font-size:.95rem;font-weight:500;display:flex}.project-feature__check{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-strong);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid}.project-desc{color:var(--text);font-size:1.02rem;line-height:2.2}.project-desc p+p{margin-top:18px}.project-gallery{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-gallery__item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;aspect-ratio:16/10;padding:0;transition:transform .3s,box-shadow .3s;overflow:hidden}.project-gallery__item img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-gallery__item:hover{box-shadow:var(--shadow-md)}.project-gallery__item:hover img{transform:scale(1.06)}.project-cta-band{padding-block:24px}.project-cta-band__inner{background:linear-gradient(135deg, var(--accent), #7c6ef6);color:#fff;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:32px 40px;display:flex}.project-cta-band__inner h2{font-size:1.4rem;font-weight:800}.project-cta-band__inner p{opacity:.92;margin-top:6px}.project-cta-band__inner .btn--primary{color:var(--accent-strong);background:#fff}.project-cta-band__inner .btn--primary:hover{background:#f1f0ff}.project-page__footer{justify-content:center;padding-block:40px 56px;display:flex}@media (width<=860px){.project-hero__inner{grid-template-columns:1fr;gap:28px}.project-gallery{grid-template-columns:repeat(2,1fr)}.project-cta-band__inner{text-align:center;flex-direction:column;padding:28px 24px}}@media (width<=560px){.project-features,.project-gallery{grid-template-columns:1fr}}.footer{color:#c4cbda;background:radial-gradient(60% 80% at 85% 0,#4f46e573,#0000 60%),radial-gradient(50% 70% at 10% 100%,#38bdf840,#0000 60%),linear-gradient(160deg,#161b2e,#0c0f1c);border-radius:32px;margin:40px 18px 24px;padding-top:70px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #141a2a80}.footer__bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.footer__bg:before{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 50% 30%,#000,#0000 75%);mask-image:radial-gradient(70% 80% at 50% 30%,#000,#0000 75%)}.footer__code{color:#7c6ef629;white-space:nowrap;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;animation:16s ease-in-out infinite codeFloat;position:absolute}.footer__code:first-child{top:12%;inset-inline-start:6%}.footer__code:nth-child(2){top:30%;animation-delay:2s;inset-inline-end:8%}.footer__code:nth-child(3){top:62%;animation-delay:4s;inset-inline-start:12%}.footer__code:nth-child(4){top:78%;animation-delay:1s;inset-inline-end:14%}.footer__code:nth-child(5){top:46%;animation-delay:3s;inset-inline-start:42%}.footer__code:nth-child(6){top:20%;animation-delay:5s;inset-inline-start:60%}.footer__container{z-index:1;position:relative}.footer__top{grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-bottom:48px;display:grid}.footer__logo{color:#fff;margin-bottom:16px}.footer__about p{max-width:360px;font-size:.92rem}.footer__email{color:#c7c4fa;margin-top:14px;font-weight:600;transition:color .2s;display:inline-block}.footer__email:hover{color:#fff}.footer__phone{margin-top:8px;color:#c7c4fa;margin-inline-start:16px;font-weight:600;transition:color .2s;display:inline-block}.footer__phone:hover{color:#fff}.footer__nav{flex-direction:column;gap:12px;display:flex}.footer__nav strong,.footer__socials strong{color:#fff;margin-bottom:6px;font-size:1rem;display:block}.footer__nav a{font-size:.92rem;transition:color .2s}.footer__nav a:hover{color:#fff}.footer__social-links{gap:12px;display:flex}.footer__social-links a{background:#ffffff14;border-radius:12px;place-items:center;width:42px;height:42px;transition:all .25s;display:grid}.footer__social-links a:hover{background:var(--accent);color:#fff;transform:translateY(-3px)}.footer__bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-block:22px;font-size:.85rem;display:flex}@media (width<=1024px){.skills__grid{grid-template-columns:repeat(3,1fr)}.projects__grid{grid-template-columns:repeat(2,1fr);gap:22px}.articles__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.hero{padding-top:120px;padding-bottom:64px}.hero__inner{text-align:center;grid-template-columns:1fr}.hero__intro{margin-inline:auto}.hero__actions,.hero__stats{justify-content:center}.hero__visual{order:-1;min-height:280px}.hero__avatar{width:190px;height:190px;font-size:4.5rem}.hero__ring{width:250px;height:250px}.hero__orbit{width:300px;height:300px}.hero__orbit-icon{transform:rotate(var(--angle)) translate(150px) rotate(calc(-1 * var(--angle)))}.hero__orbit-inner{width:42px;height:42px;font-size:.72rem}.hero__chip--1{inset-inline-start:2%}.hero__chip--2{inset-inline-end:2%}.hero__chip--3{inset-inline-start:20%}.hero__scroll{display:none}.about{grid-template-columns:1fr;gap:32px}.footer__top{grid-template-columns:1fr 1fr}.header{top:10px}.header__inner{grid-template-columns:1fr auto;gap:10px;height:58px}.header__logo,.header__nav{display:none}.header__actions{grid-column:1/-1;width:100%}.search{flex:1}.search__input,.search__input:focus{width:100%}.bottom-nav{display:block}main{padding-bottom:90px}.footer{margin-bottom:96px}}@media (width<=640px){.section{padding-block:64px}.skills__grid{grid-template-columns:repeat(2,1fr)}.projects__grid{grid-template-columns:1fr;grid-auto-rows:230px}.project-card--featured{grid-area:span 2}.project-card__desc{opacity:1;max-height:60px}.project-card__arrow{opacity:1;transform:none}.articles__grid{grid-template-columns:1fr}.footer__top{grid-template-columns:1fr;gap:36px}.footer__bottom{text-align:center;justify-content:center}.modal{padding:12px}.modal__body{padding:18px 18px 22px}.modal__thumbs{padding-inline:16px;overflow-x:auto}}.admin-login{background:var(--bg-alt);place-items:center;min-height:100vh;padding:20px;display:grid}.admin-login__card{background:var(--surface);border:1px solid var(--border);width:min(400px,100%);box-shadow:var(--shadow-md);text-align:center;border-radius:20px;flex-direction:column;gap:16px;padding:36px 32px;display:flex}.admin-login__logo{font-size:2.4rem}.admin-login__card h1{color:var(--text-strong);font-size:1.3rem}.admin-login__hint{margin-top:-10px;font-size:.88rem}.admin-login__submit{margin-top:6px}.admin-field{text-align:start;flex-direction:column;gap:6px;display:flex}.admin-field>span{color:var(--text-strong);font-size:.88rem;font-weight:600}.admin-field input[type=text],.admin-field input[type=password],.admin-field input[type=number],.admin-field textarea,.admin-field select{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-strong);width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{border-color:var(--accent);outline:none}.admin-field textarea{resize:vertical;line-height:1.8}.admin-field--inline{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px}.admin-field--inline input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.admin-alert{border-radius:var(--radius-sm);text-align:start;padding:12px 16px;font-size:.9rem}.admin-alert--error{color:#b42318;background:#fdecec;border:1px solid #f6c8c4}.admin-alert--success{color:#157f3d;background:#e9f9ef;border:1px solid #bfe8cd}.admin{background:var(--bg-alt);min-height:100vh}.admin__topbar{z-index:50;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.admin__brand{color:var(--text-strong);align-items:center;gap:10px;font-weight:700;display:flex}.admin__topbar-actions{gap:10px;display:flex}.admin__logout{color:#b42318}.admin__layout{grid-template-columns:240px 1fr;align-items:start;gap:24px;max-width:1280px;margin-inline:auto;padding:24px;display:grid}.admin__sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:12px;display:flex;position:sticky;top:86px}.admin__tab{border-radius:var(--radius-sm);color:var(--text);text-align:start;background:0 0;border:none;align-items:center;gap:10px;padding:11px 14px;font-size:.93rem;font-weight:600;transition:all .2s;display:flex}.admin__tab:hover{background:var(--bg-alt);color:var(--text-strong)}.admin__tab--active{background:var(--accent-soft);color:var(--accent-strong)}.admin__content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-height:60vh;padding:28px}.crud__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.crud__head h2{color:var(--text-strong);font-size:1.25rem}.crud__loading{text-align:center;padding:30px 0}.crud__table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.crud__table{border-collapse:collapse;width:100%;font-size:.9rem}.crud__table th,.crud__table td{text-align:start;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px}.crud__table td{text-overflow:ellipsis;max-width:280px;overflow:hidden}.crud__table th{background:var(--bg-alt);color:var(--text-strong);font-weight:700}.crud__table tr:last-child td{border-bottom:none}.crud__table tbody tr:hover{background:#fafbfe}.crud__actions{gap:8px;display:flex}.crud__btn{border:1px solid var(--border);background:var(--surface);color:var(--text-strong);border-radius:8px;padding:5px 12px;font-size:.82rem;font-weight:600;transition:all .2s}.crud__btn:hover{border-color:var(--accent);color:var(--accent)}.crud__btn--danger:hover{color:#b42318;border-color:#b42318}.admin-form-card{flex-direction:column;gap:18px;max-width:720px;display:flex}.admin-form-card--narrow{max-width:420px}.admin-form-card__footer{justify-content:flex-end;display:flex}.admin-modal{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141a2a8c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.admin-modal__panel{background:var(--surface);width:min(640px,100%);max-height:92vh;box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;display:flex}.admin-modal__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.admin-modal__head h3{color:var(--text-strong);font-size:1.1rem}.admin-modal__close{background:var(--bg-alt);width:34px;height:34px;color:var(--text-strong);border:none;border-radius:50%;transition:all .2s}.admin-modal__close:hover{color:#b42318;background:#fdecec}.admin-modal__body{flex-direction:column;gap:16px;padding:22px 24px;display:flex;overflow-y:auto}.admin-modal__footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.tags-input__chips{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);flex-wrap:wrap;gap:8px;padding:8px 10px;display:flex}.tags-input__chips:focus-within{border-color:var(--accent)}.tags-input__chip{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;align-items:center;gap:6px;padding:3px 6px 3px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.tags-input__chip button{color:inherit;background:0 0;border:none;border-radius:50%;padding:2px 5px;font-size:.75rem}.tags-input__chip button:hover{background:#4f46e52e}.tags-input__chips input{background:0 0;flex:1;min-width:140px;border:none!important;padding:4px!important}.tags-input__chips input:focus{outline:none}.images-editor{flex-direction:column;gap:14px;display:flex}.images-editor__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.images-editor__empty{color:var(--text);grid-column:1/-1;font-size:.85rem}.images-editor__item{border:1px solid var(--border);border-radius:var(--radius-sm);position:relative;overflow:hidden}.images-editor__item img{aspect-ratio:16/10;object-fit:cover;width:100%}.images-editor__cover{top:6px;background:var(--accent);color:#fff;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700;position:absolute;inset-inline-start:6px}.images-editor__actions{background:var(--bg-alt);justify-content:space-between;padding:6px;display:flex}.images-editor__actions button{border:1px solid var(--border);background:var(--surface);width:28px;height:26px;color:var(--text-strong);border-radius:6px;font-size:.85rem;line-height:1}.images-editor__actions button:disabled{opacity:.35;cursor:default}.images-editor__remove:hover{color:#b42318;border-color:#b42318}.images-editor__add{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.images-editor__url{flex:1;gap:8px;min-width:240px;display:flex}.images-editor__url input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);flex:1;padding:9px 12px;font-family:inherit;font-size:.88rem}.images-editor__url input:focus{border-color:var(--accent);outline:none}.avatar-editor{border:1.5px dashed var(--border);border-radius:var(--radius-sm);background:var(--bg);flex-wrap:wrap;align-items:center;gap:18px;padding:16px;display:flex}.avatar-editor__preview{background:linear-gradient(135deg, var(--accent), #8b7cf8);color:#fff;width:96px;height:96px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;place-items:center;font-size:2.2rem;font-weight:800;display:grid;overflow:hidden}.avatar-editor__preview img{object-fit:cover;width:100%;height:100%}.avatar-editor__preview--favicon{background:var(--bg-alt);border:1px solid var(--border);border-radius:14px;width:72px;height:72px;font-size:1.8rem}.avatar-editor__preview--favicon img{object-fit:contain;padding:8px}.avatar-editor__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.avatar-editor__remove:hover{color:#b42318;border-color:#b42318}.avatar-editor__hint{width:100%;color:var(--text);margin:0;font-size:.8rem}.admin-divider{border:none;border-top:1px solid var(--border);margin:28px 0}@media (width<=860px){.admin__layout{grid-template-columns:1fr;padding:16px}.admin__sidebar{flex-direction:row;padding:8px;position:static;overflow-x:auto}.admin__tab{white-space:nowrap}.admin__content{padding:18px}.crud__actions{flex-direction:column}}