.intro{color:var(--color-text-primary);position:relative;overflow-x:clip}.intro__main{display:flex}@media (max-width:640px){.intro__main{display:block}}.intro__text-container{z-index:2;flex:3;margin-top:160px;display:flex;position:relative}@media (max-width:1328px){.intro__text-container{margin-left:24px}}@media (max-width:640px){.intro__text-container{margin-top:0;padding:96px 24px 0 0;display:block}}.intro__text{max-width:400px;margin-left:auto}@media (max-width:640px){.intro__text{max-width:none;margin:0}}.intro__text h1{margin:16px 0;font-size:60px;font-weight:800;line-height:1.1em}@media (max-width:640px){.intro__text h1{max-width:320px;margin:14px 0;font-size:clamp(34px,10vw,42px);line-height:1.08}}.intro__text h3{margin:0;font-size:20px;font-weight:600}@media (max-width:640px){.intro__text h3{color:var(--color-text-secondary);font-size:14px}}.intro__desc{margin-top:24px;font-size:20px}@media (max-width:640px){.intro__desc{max-width:330px;color:var(--color-text-secondary);margin:18px 0 0;font-size:14px;line-height:1.6}.intro__links{margin-top:24px}}.intro__background{flex:5;min-width:0;height:600px;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 45% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 45% 100%)}@media (max-width:640px){.intro__background{aspect-ratio:4/3;width:100%;height:auto;margin-top:30px;-webkit-mask-image:linear-gradient(#0000 0%,#000 9% 91%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 9% 91%,#0000 100%)}}.intro__background img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:640px){.intro__background img{object-position:center 42%}}.intro__photo{width:500px;height:500px;display:block;position:absolute;bottom:0;left:calc(100% - 80px);overflow:hidden}@media (max-width:640px){.intro__photo{display:none}}.intro__photo img{object-fit:cover;width:100%;height:100%;display:block}.intro__link{cursor:pointer;color:var(--color-text-primary);font-size:28px;text-decoration:none;transition:all .2s;display:inline-block}@media (max-width:640px){.intro__link{font-size:25px}}.intro__link+.intro__link{margin-left:16px}.intro__link:hover{opacity:.7}.intro__link:active{opacity:1;transform:scale(1.2)}
.menu{z-index:100;min-height:54px;color:var(--color-text-primary);box-shadow:0 10px 30px var(--color-shadow-soft);background:linear-gradient(#070c14f0 0%,#0a111bd1 72%,#0a111b47 100%);align-items:center;margin-bottom:-54px;display:flex;position:sticky;top:0}@media (max-width:640px){.menu{box-shadow:none;background:0 0;position:relative;top:auto}}.menu__links{margin:0 auto;display:flex}@media (max-width:640px){.menu__links{z-index:100;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border-translucent);box-shadow:0 -10px 30px var(--color-shadow-navigation);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0a111bb8 0%,#0a111beb 28%,#070c14fa 100%);justify-content:center;margin:0;position:fixed;bottom:0;left:0;right:0}}.menu__link{color:var(--color-text-primary);border-radius:8px;padding:1rem;text-decoration:none;transition:color .2s,background .2s}@media (max-width:640px){.menu__link{white-space:nowrap;padding:10px;font-size:13px}}.menu__link:hover{background:var(--color-bg-translucent);color:var(--color-text-secondary)}.menu__link:active{color:var(--color-text-primary)}.menu__link.--active{color:var(--color-primary-hover);background:var(--color-primary-translucent)}.menu__link.--active:after{content:"";background:currentColor;border-radius:2px;width:18px;height:2px;margin:5px auto -7px;display:block}.menu__title{margin:10px 0 0 24px;font-size:18px}@media (max-width:640px){.menu__title{white-space:nowrap;margin-left:16px}}.menu__logo{width:18px;margin-right:8px}.menu__language{border:1px solid var(--color-border);background:var(--color-bg-translucent);border-radius:8px;gap:3px;margin-right:24px;padding:3px;display:flex}@media (max-width:640px){.menu__language{margin:0;position:absolute;top:10px;right:16px}}.menu__language-option{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 7px;font-size:12px}.menu__language-option:hover{color:var(--color-text-primary)}.menu__language-option.--active{background:var(--color-primary-translucent);color:var(--color-text-primary)}.menu__language-option:focus-visible{outline:1px solid var(--color-primary-hover);outline-offset:2px}
.about{color:var(--color-text-primary);max-width:1280px;margin:0 auto}@media (max-width:1328px){.about{margin-left:24px;margin-right:24px}}@media (max-width:640px){.about{margin-top:48px}}.about__text{max-width:480px}@media (max-width:640px){.about__text{max-width:none;color:var(--color-text-secondary);margin:28px 0 0;font-size:13px;line-height:1.65}}.about__container{display:flex}@media (max-width:1400px){.about__container{justify-content:center}}@media (max-width:640px){.about__container{display:block}}
.about-stat{color:var(--color-text-primary);grid-template-columns:1fr 1fr;gap:24px;margin-left:140px;display:grid}@media (max-width:640px){.about-stat{grid-template-columns:minmax(0,1fr);gap:12px;margin:28px 0 0}}.about-stat__item{border:1px solid var(--color-border);border-radius:10px;align-items:center;padding:4px 18px;transition:all .3s;display:flex}@media (max-width:640px){.about-stat__item{box-sizing:border-box;border-radius:8px;width:100%;min-width:0;min-height:64px;padding:10px 12px}}.about-stat__item:hover{box-shadow:3px 3px 6px var(--color-border)}.about-stat__item:focus{outline:none}.about-stat__item:focus-visible{border-color:var(--color-primary-hover);outline:1px solid var(--color-primary-hover);outline-offset:3px}.about-stat__icon{color:var(--color-primary);margin-top:4px;margin-right:12px;font-size:28px}@media (max-width:640px){.about-stat__icon{flex:none;margin:2px 10px 0 0;font-size:23px}}.about-stat__title{margin-top:4px;font-size:18px;font-weight:600;line-height:1.2em}@media (max-width:640px){.about-stat__title{margin-top:0;font-size:16px}}.about-stat__title-description{display:none}@media (max-width:640px){.about-stat__title-description{display:inline}}.about-stat__description{font-size:14px;line-height:1em}@media (max-width:640px){.about-stat__description{color:var(--color-text-muted);margin-top:3px;font-size:13px;line-height:1.25}.about-stat__description--short{display:none}}.about-stat__description--mobile{display:none}@media (max-width:640px){.about-stat__description--mobile{display:block}}.about-stat__tooltip{z-index:1000;border:1px solid var(--color-border-hover);background:var(--color-surface-hover);max-width:260px;color:var(--color-text-primary);box-shadow:0 8px 24px var(--color-shadow-medium);white-space:pre-line;pointer-events:none;transform-origin:var(--radix-tooltip-content-transform-origin);border-radius:6px;padding:7px 10px;font-size:12px;line-height:1.3;animation:.18s ease-out tooltip-fade-in}@media (max-width:640px){.about-stat__tooltip{display:none}}@media (prefers-reduced-motion:reduce){.about-stat__tooltip{animation:none}}.about-stat__tooltip-arrow{fill:var(--color-surface-hover)}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.skills{color:var(--color-text-primary);max-width:1280px;margin:40px auto 0}@media (max-width:1328px){.skills{margin-left:24px;margin-right:24px}}@media (max-width:640px){.skills{margin:48px 24px 0}}.skills__item{text-align:center;width:80px;transition:all .5s}@media (max-width:640px){.skills__item{width:auto;min-width:0}}.skills__item:hover{transform:scale(1.2)}@media (max-width:640px){.skills__item:hover{transform:none}}.skills__control{width:fit-content;margin:16px auto;display:block}@media (max-width:640px){.skills__control{margin:24px auto 0}}.skills__icon{width:45px;height:45px;transition:all .3s}@media (max-width:640px){.skills__icon{width:38px;height:38px}}.skills__icon.--angular{color:#dd0031}.skills__icon.--react{color:#61dafb}.skills__icon.--nextdotjs{color:var(--color-bg);background:var(--color-text-primary);border-radius:100%;width:41px;height:41px;padding:2px}@media (max-width:640px){.skills__icon.--nextdotjs{width:35px;height:35px}}@media (min-width:1280px){.skills__item:hover .skills__icon.--nextdotjs{background:var(--color-primary);color:var(--color-bg)}}.skills__icon.--typescript{color:#3178c6}.skills__icon.--javascript{color:#f7df1e}.skills__icon.--html5{color:#e34f26}.skills__icon.--css{color:#1572b6}.skills__icon.--nodejs{color:#5fa04e}.skills__icon.--docker{color:#2496ed}.skills__icon.--git{color:#f05032}.skills__icon.--eslint{color:#4b32c3}.skills__icon.--jest{color:#c21325}.skills__icon.--ngrx{color:#ba2bd2}.skills__icon.--npm{color:#cb3837}.skills__icon.--nx{color:#143055}.skills__icon.--prettier{color:#f7b93e}.skills__icon.--reactivex{color:#b7178c}.skills__icon.--webpack{color:#8dd6f9}@media (min-width:1280px){.skills__item:hover .skills__icon{color:var(--color-primary)}}.skills__row{justify-content:center;gap:40px;margin:18px;display:flex}@media (max-width:640px){.skills__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px;margin:28px 0 20px;display:grid}.skills__title{overflow-wrap:anywhere;color:var(--color-text-secondary);margin-top:6px;font-size:12px;line-height:1.35}}.skills__second{max-height:0;transition:all .6s;overflow:hidden}@media (max-width:640px){.skills__second{transition:max-height .55s}}.skills__second.--opened{max-height:100px}@media (max-width:640px){.skills__second.--opened{max-height:480px}.skills__second .skills__row{margin-top:8px}}@media (prefers-reduced-motion:reduce){.skills__item,.skills__icon,.skills__second{transition:none}}
.experience{max-width:1280px;color:var(--color-text-primary);margin:64px auto 32px}@media (max-width:1328px){.experience{margin-left:24px;margin-right:24px}}@media (max-width:640px){.experience{margin-top:48px}}.experience__list{margin-top:34px;padding-left:56px;position:relative}@media (max-width:640px){.experience__list{padding-left:34px}.experience__list:before{left:6px}}.experience__item{padding-bottom:30px;position:relative}.experience__item:before{content:"";background:var(--color-border-hover);width:1px;position:absolute;top:11px;bottom:-11px;left:-40px}@media (max-width:640px){.experience__item:before{left:-27px}}.experience__list:not(.--expanded)>.experience__item:nth-child(3):before,.experience__extra-content .experience__item:last-child:before{display:none}.experience__extra{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .5s,opacity .35s,visibility 0s linear .5s;display:grid}.experience__extra.--expanded{opacity:1;visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .5s,opacity .4s 80ms,visibility}.experience__extra-content{min-height:0;margin-top:-48px;margin-left:-56px;padding-top:48px;padding-left:56px;overflow:hidden}@media (max-width:640px){.experience__extra-content{margin-left:-34px;padding-left:34px}}.experience__extra-content .experience__item:last-child{padding-bottom:0}.experience__marker{background:var(--color-primary);width:12px;height:12px;box-shadow:0 0 0 3px var(--color-primary-translucent);border-radius:50%;position:absolute;top:5px;left:-46px}@media (max-width:640px){.experience__marker{left:-33px}}.experience__heading{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}@media (max-width:640px){.experience__heading{display:block}}.experience__company{align-items:center;gap:9px;margin:0;font-size:17px;font-weight:700;line-height:1.35;display:flex}.experience__company-logo{border:1px solid var(--color-border);background:var(--color-text-primary);border-radius:7px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.experience__company-logo img{object-fit:contain;width:22px;height:22px}.experience__position{margin:2px 0 0;font-size:15px;line-height:1.4}.experience__period{color:var(--color-text-secondary);white-space:nowrap;flex:none;padding-top:3px;font-size:12px;line-height:1.5;position:relative}@media (max-width:640px){.experience__period{white-space:normal;margin-top:6px;display:block}}.experience__period:focus{outline:none}.experience__period:focus-visible{outline:1px solid var(--color-primary-hover);outline-offset:4px;border-radius:3px}.experience__period:hover .experience__duration-tooltip,.experience__period:focus-visible .experience__duration-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.experience__duration-tooltip{z-index:3;border:1px solid var(--color-border-hover);background:var(--color-surface-hover);color:var(--color-text-primary);box-shadow:0 8px 24px var(--color-shadow-medium);pointer-events:none;opacity:0;visibility:hidden;border-radius:6px;padding:7px 10px;font-size:12px;line-height:1.3;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(4px)}.experience__duration-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--color-surface-hover);position:absolute;top:100%;right:18px}.experience__description{max-width:820px;color:var(--color-text-secondary);gap:5px;margin:10px 0 0;padding:0;font-size:14px;line-height:1.55;list-style:none;display:grid}@media (max-width:640px){.experience__description{margin-top:8px}}.experience__description li{padding-left:15px;position:relative}.experience__description li:before{content:"";background:var(--color-primary-hover);border-radius:50%;width:4px;height:4px;position:absolute;top:.68em;left:0}.experience__control{margin:36px auto 0;display:block}@media (prefers-reduced-motion:reduce){.experience__extra{transition:none}}
.project-card{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:8px;padding:0;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;overflow:hidden}.project-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover);transform:translateY(-4px)}.project-card:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:3px}.project-card__image{aspect-ratio:16/8.5;background:radial-gradient(circle at 50% 35%,#1a2637 0%,transparent 70%),var(--color-bg-secondary);padding:8px;position:relative;overflow:hidden}.project-card__image img{object-fit:cover;border-radius:6px;width:100%;height:100%}.project-card__body{padding:18px}.project-card__title{margin:0;font-size:17px;font-weight:600;line-height:1.35}.project-card__description{min-height:42px;color:var(--color-text-muted);margin:8px 0 0;font-size:13px;line-height:1.55}@media (max-width:560px){.project-card__description{min-height:0}}.project-card__stack{flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.project-card__stack li{background:var(--color-surface-hover);color:var(--color-text-secondary);border-radius:6px;padding:5px 9px;font-size:11px;line-height:1}@media (prefers-reduced-motion:reduce){.project-card{transition:none}}
.project-modal{border:1px solid var(--color-border-hover);background:var(--color-bg-secondary);width:min(820px,100vw - 32px);max-width:none;max-height:min(88vh,920px);color:var(--color-text-primary);box-shadow:0 28px 80px var(--color-shadow-strong);transform-origin:top;border-radius:12px;padding:0;overflow:auto}.project-modal[open]{animation:.38s cubic-bezier(.22,1,.36,1) both project-modal-open}.project-modal::backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:.3s ease-out both project-modal-backdrop-open}.project-modal__content{padding:32px;position:relative}@media (max-width:560px){.project-modal__content{padding:22px 16px}}.project-modal__close{z-index:2;float:right;border:1px solid var(--color-border-hover);background:var(--color-surface-hover);width:34px;height:34px;color:var(--color-text-primary);cursor:pointer;border-radius:8px;place-items:center;margin:-10px -10px 0 20px;padding:0;font-size:24px;line-height:1;display:grid;position:sticky;top:32px}.project-modal__close:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover)}.project-modal__close:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:2px}.project-modal__title{margin:0;padding-right:44px;font-size:27px;line-height:1.25}@media (max-width:560px){.project-modal__title{font-size:22px}}.project-modal__meta{gap:7px;margin:22px 0 0;display:grid}.project-modal__meta div{grid-template-columns:70px minmax(0,1fr);gap:12px;display:grid}@media (max-width:560px){.project-modal__meta div{grid-template-columns:1fr;gap:2px}}.project-modal__meta dt{color:var(--color-text-muted);font-size:13px}.project-modal__meta dd{color:var(--color-text-secondary);margin:0;font-size:13px}.project-modal__links{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.project-modal__link{width:fit-content;text-decoration:none}.project-modal__details{gap:26px;margin-top:30px;display:grid}.project-modal__detail p{color:var(--color-text-secondary);margin:0 0 10px;font-size:14px;line-height:1.65}.project-modal__image{border:1px solid var(--color-border);background:var(--color-bg);object-fit:contain;border-radius:8px;width:100%;height:auto;display:block}@media (max-width:560px){.project-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}}@keyframes project-modal-open{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes project-modal-backdrop-open{0%{background:var(--color-overlay-transparent);-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{background:var(--color-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@media (prefers-reduced-motion:reduce){.project-modal,.project-modal::backdrop{transition:none;animation:none}}
.portfolio{max-width:1280px;color:var(--color-text-primary);margin:64px auto 32px}.portfolio__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px;display:grid}@media (max-width:840px){.portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.portfolio__grid{grid-template-columns:1fr;gap:18px}}.portfolio__extra{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .55s,opacity .35s,visibility 0s linear .55s;display:grid}.portfolio__extra.--expanded{opacity:1;visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .55s,opacity .4s 80ms,visibility}.portfolio__extra .portfolio__grid{margin-top:24px}.portfolio__extra-content{min-height:0;overflow:hidden}.portfolio__control{margin:28px auto 0;display:block}@media (max-width:1328px){.portfolio{margin-left:24px;margin-right:24px}}@media (max-width:560px){.portfolio{margin-top:48px}}@media (prefers-reduced-motion:reduce){.portfolio__extra{transition:none}}
.footer{border-top:1px solid var(--color-border);max-width:1280px;color:var(--color-text-muted);margin:64px auto 0;padding:20px 0 24px}@media (max-width:1328px){.footer{margin-left:24px;margin-right:24px}}@media (max-width:560px){.footer{margin-top:48px;padding-bottom:20px}}.footer__copyright{margin:0;font-size:12px;line-height:1.5}