@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/inter-400-regular-DzE3sXQr.woff)format("woff")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/assets/RobotoMono-Regular-CBo0Sm2n.ttf)format("truetype")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;src:url(/assets/RobotoMono-Medium-DxCopxhm.ttf)format("truetype")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:900;src:url(/assets/RobotoMono-Bold-CheSjNdw.ttf)format("truetype")}html,body{background-color:#e8e8e8;width:100%;min-height:100vh;margin:0;padding:0}.app__container{width:100%;max-width:1440px;height:80vh;padding:64px;display:flex}.side-bar{padding:0}.navigation{z-index:1;justify-content:left;display:flex}.navigation__links{flex-direction:column;align-items:center;gap:2px;width:192px;display:flex}.navigation__link{cursor:pointer;color:#141414;background-color:#ffffff80;border:1px solid #0000;border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:224px;height:96px;font-family:Roboto Mono,sans-serif;font-size:18px;font-weight:500;text-decoration:none;display:flex}.navigation__link:hover:not(.navigation__link_active){background-color:#1414141a}.navigation__link_active{z-index:3;background-color:#fff;font-weight:700}.main{z-index:2;width:100%;min-width:0;display:flex}.main__content{box-sizing:border-box;background-color:#fff;border-radius:16px;width:100%;min-width:0;min-height:600px;padding:40px;overflow:hidden;box-shadow:0 8px 24px #1414140d}.about-page,.contact-me-page{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.timeline-page{width:100%;height:100%;display:flex}.work-history-page{align-items:center;gap:64px;display:flex}.software-projects-page,.game-development-page{flex-direction:column;width:100%;min-width:0;display:flex;position:relative}.about{color:#141414;font-family:Inter,serif;font-size:32px;font-weight:400;line-height:64px}.about__container{gap:64px;margin:0;padding:0;display:flex}.about__avatar{object-fit:cover;border-radius:50%;width:464px;height:464px;box-shadow:0 0 64px #00000040}.about__content{flex-direction:column;max-width:600px;padding-top:64px;display:flex}.about__title{margin:0 0 24px}.about__paragraph{margin:0;font-size:16px;line-height:24px}.timeline{color:#141414;font-family:Inter,serif;font-size:16px;line-height:32px}.timeline__content{flex-direction:column;width:128px;display:flex;position:relative}.timeline__layer{flex-direction:column;display:flex}.timeline__layer--base{z-index:1;position:relative}.timeline__layer--bold{z-index:2;pointer-events:none;will-change:clip-path;width:100%;height:100%;font-weight:700;transition:clip-path .6s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.timeline__active-box{box-sizing:border-box;pointer-events:none;z-index:3;will-change:transform;border:2px solid #141414;border-radius:12px;width:96px;height:32px;transition:transform .6s cubic-bezier(.25,1,.5,1);position:absolute;top:8px;left:16px}.timeline__link{cursor:pointer;color:#141414;width:128px;height:48px;font-weight:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex}.work-history{color:#141414;flex-direction:row;align-items:center;height:640px;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:32px;display:flex;position:relative}.work-history__timeline{z-index:0;position:relative;top:5px;left:15px}.work-history__viewport{width:100%;height:100%;position:relative;overflow:hidden}.work-history__track{will-change:transform;flex-direction:column;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex}.work-history__year-block{flex-direction:column;flex:0 0 100%;justify-content:center;gap:32px;height:100%;display:flex}.work-history__card{z-index:2;align-items:center;gap:64px;height:128px;display:flex}.work-history__bullet{font-size:48px}.work-history__bullet--study{color:#479f57}.work-history__bullet--hobby{color:#cf4f2f}.work-history__bullet--work{color:#6f97c7}.work-history__card-content{align-items:center;gap:32px;display:flex}.work-history__thumbnail-container{justify-content:center;width:160px;display:flex}.work-history__thumbnail{max-width:160px;max-height:128px;display:flex}.work-history__role{margin:0 0 8px;font-weight:700}.work-history__description{margin:0}.work-history__project{opacity:.8;margin:8px 0 0;font-style:italic}.software{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.software__grid{grid-template-columns:repeat(3,1fr);gap:32px;width:100%;display:grid}.software-card{cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #0003;max-width:432px;min-height:192px;font-family:Inter,serif;font-size:14px;font-weight:400;line-height:32px;display:flex}.software-card--disabled{cursor:default}.software-card__container{box-sizing:border-box;justify-content:flex-start;gap:16px;width:100%;padding:16px;display:flex}.software-card__thumbnail-container{flex-shrink:0;justify-content:center;align-items:center;width:96px;display:flex}.software-card__thumbnail{object-fit:contain;max-width:96px;max-height:96px}.software-card__content{flex-direction:column;flex:1;align-items:flex-start;display:flex}.software-card__title{margin:0 0 8px;font-size:20px;font-weight:700}.software-card__description{margin:0 0 12px;line-height:24px}.software-card__link{color:#141414;cursor:pointer;margin-top:auto;margin-left:auto;font-size:14px;font-weight:700;line-height:24px;text-decoration:underline}.software-card__link:hover{color:#141414;opacity:.7}.software-panel{color:#141414;z-index:10;justify-content:center;width:100%;height:100%;padding:32px;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:32px;display:flex;position:absolute;top:-32px;right:-32px}.software-panel__content{box-sizing:border-box;background-color:#fff;border:none;width:100%;height:100%;padding:48px;position:relative;box-shadow:0 0 32px #0000000d}.software-panel__close{cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.software-panel__close-button{width:24px;height:24px}.software-panel__slideshow{width:100%;position:relative}.software-panel__slide{aspect-ratio:2;box-sizing:border-box;background-color:#f5f5f5;border:1px solid #000000b3;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.software-panel__slide-counter{color:#fff;z-index:2;background:#0009;border-radius:4px;justify-content:center;align-items:center;width:48px;height:32px;font-size:12px;display:flex;position:absolute;top:8px;left:8px}.software-panel__slide-image{object-fit:cover;width:100%;height:100%;display:block}.software-panel__slide-image--mobile{object-fit:contain}.software-panel__slide-caption{text-align:center;color:#141414;margin:8px 0 0;font-size:16px}.software-panel__nav-button{color:#fff;cursor:pointer;z-index:5;background:#141414b3;border:none;padding:10px 14px;font-size:24px;line-height:1;transition:background-color .2s;position:absolute;top:50%;transform:translateY(-50%)}.software-panel__nav-button:hover{background:#141414e6}.software-panel__nav-button--prev{left:0}.software-panel__nav-button--next{right:0}.software-panel__dots{z-index:5;background:#000000b3;border-radius:12px;justify-content:center;gap:8px;padding:6px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.software-panel__dot{cursor:pointer;background-color:#ffffff80;border-radius:50%;width:8px;height:8px;transition:background-color .2s,transform .2s}.software-panel__dot--active{background-color:#fff;transform:scale(1.2)}.game-dev{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;min-width:0;height:100%;display:flex}.game-dev__carousel-wrapper{flex-direction:column;align-items:center;width:100%;min-width:0;height:100%;display:flex}.game-dev__track{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;align-items:flex-start;gap:24px;width:100%;max-width:100%;padding-bottom:24px;display:flex;overflow-x:auto}.game-dev__card-item{flex:0 0 300px}.game-dev__controls{gap:128px;display:flex}.game-dev__arrow{color:#141414;cursor:pointer;background-color:#e8e8e8;border:1px solid #0003;border-radius:50px;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;font-weight:700;transition:opacity .2s,background-color .2s,color .2s,box-shadow .2s;display:flex}.game-dev__arrow:hover{box-shadow:0 4px 8px #0003}.game-dev__arrow:disabled{color:#141414;opacity:.3;cursor:default;background-color:#e8e8e8}.game-navigation{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.game-navigation__button{cursor:pointer;background:0 0;border:1px solid #0003;border-radius:4px;padding:8px 16px;font-family:Inter,serif;font-size:12px;font-weight:600;transition:background-color .2s,color .2s}.game-navigation__button:hover{background-color:#e8e8e8}.game-navigation__button--active{color:#fff;background-color:#141414}.game-navigation__button--active:hover{background-color:#141414}.game-dev-card{cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #0003;flex-direction:column;width:100%;max-width:320px;height:528px;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:32px;transition:box-shadow .2s;display:flex;overflow:hidden}.game-dev-card:hover:not(.game-dev-card--disabled){box-shadow:0 8px 16px #0000001a}.game-dev-card--disabled{cursor:default}.game-dev-card__image-wrapper{border-bottom:1px solid #0003;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.game-dev-card__thumbnail{object-fit:center;width:100%;height:100%}.game-dev-card__content{flex-direction:column;flex:1;padding:16px;display:flex}.game-dev-card__title{margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.3}.game-dev-card__description{color:#141414;margin:0 0 12px;font-size:14px;line-height:1.4;overflow:hidden}.game-dev-card__link{color:#141414;margin-top:auto;font-size:13px;font-weight:700}.game-dev-card__no-link{color:#888;margin-top:auto;font-size:12px;font-style:italic}.contact{color:#141414;flex-direction:column;gap:16px;width:60%;font-family:Inter,serif;font-size:16px;font-weight:700;line-height:32px;display:flex}.contact__form{flex-direction:column;gap:16px;width:100%;display:flex}.contact__label{margin:0;padding-left:17px}.contact__input,.contact__input-message{box-sizing:border-box;border:1px solid #141414;border-radius:4px;width:100%;padding:8px 16px;font-family:Inter,serif;font-size:16px;font-weight:400;line-height:24px;display:block}.contact__input-message{height:250px}.contact__button-container{justify-content:center;display:flex}.contact__button{color:#141414;cursor:pointer;border:1px solid #141414;border-radius:4px;width:160px;height:40px;font-family:Inter,serif;font-size:16px;font-weight:700;line-height:32px;transition:background-color .2s,color .2s,opacity .2s}.contact__button:hover:not(:disabled){color:#fff;background-color:#141414}.contact__button:disabled{opacity:.5;cursor:not-allowed}.contact__status{text-align:center;margin:8px 0 0;font-size:14px}.contact__status--success{color:#2f855a}.contact__status--error{color:#c53030}.footer{margin:0;padding:8px}.footer__container{justify-content:space-between;align-items:center;padding:0 64px;display:flex}.footer__title{color:#141414;margin:0;font-family:Roboto Mono,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:24px}.footer__socials{justify-content:center;gap:16px;display:flex}.footer__icon{width:32px;height:32px}