*{border:0;margin:0;padding:0}*,:before,:after{box-sizing:border-box}:focus,:active,a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html{-webkit-text-size-adjust:62.5%;-moz-text-size-adjust:62.5%;-ms-text-size-adjust:62.5%;font-size:62.5%}body{width:100%;height:100%;-ms-text-size-adjust:1.4rem;-moz-text-size-adjust:1.4rem;-webkit-text-size-adjust:1.4rem;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.4rem;line-height:1}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}.page{overflow:hidden}:root{--bg-1:#000;--bg-2:#1f1e20;--bg-3:#181718;--bg-4:#00000080;--text-1:#ffffffde;--text-2:#ebebeb99;--text-3:#aac8e4;--shadow:#38607f99;--green:#42b883;--indigo:#213547;--orange:#df8e1d;--accent:#aac8e4;--vue-gradient:linear-gradient(45deg, #42d392 25%, #647eff);--pinia-gradient:linear-gradient(to right, #ffd807, #1eda00 60%);--z-map:500;--z-controll:600;--z-view:700;--z-controll-mobile:701;--z-tool:800;--z-highest:999;--b-radius:10px;--b-radius-2:8px;--b-radius-3:5px;--b-radius-ttip:5px;--p-1:25px;--colors:color linear .3s, background-color linear .3s, opacity linear .3s, fill linear .3s}.light{--bg-1:#fff;--bg-2:#d8d8d8;--bg-3:#c4c4c4;--bg-4:#ffffff80;--pinia-gradient:linear-gradient(to right, #ccad00, #1bca00 60%);--text-1:#213547;--text-2:#7a7a7a;--text-3:#476582;--shadow:#223c5099}html{height:100%;transition:var(--colors);scrollbar-width:auto;scrollbar-color:var(--green) var(--bg-2);overscroll-behavior-y:auto;-webkit-tap-highlight-color:transparent;overflow-y:auto}body{background-color:var(--bg-1);color:var(--text-1);transition:var(--colors);overscroll-behavior-y:auto;overflow-y:auto}#app{min-height:100%}.container{width:100%;max-width:740px;margin:0 auto;padding:0 10px}.layout{width:100%;height:100%;position:fixed;top:0;left:0}.tooltip{z-index:var(--z-highest);border-radius:var(--b-radius-ttip);background-color:var(--bg-2);width:210px;height:auto;padding:10px;position:fixed;transform:translate(10px,10px)}.tooltip__head{border-bottom:2px solid;border-image-source:var(--vue-gradient);border-image-slice:1;justify-content:center;align-items:center;width:100%;height:20%;padding-bottom:5px;display:flex}.tooltip__title{text-transform:uppercase;text-align:center;word-break:break-all;font-weight:600}.tooltip__body{width:100%;height:auto;padding-top:5px}.tooltip__content{text-align:justify;overflow-wrap:break-word;line-height:1.3}canvas[data-v-0269ed61]{background:var(--bg-1);touch-action:none;cursor:grab;width:100%;height:100vh}.layout-map{z-index:var(--z-map)}.svg[data-v-6aada68c]{aspect-ratio:1;width:30px;fill:var(--text-1);transition:var(--colors)}.switcher[data-v-a65350da]{background-color:var(--bg-2);min-width:80px;min-height:80px;transition:var(--colors);-webkit-box-shadow:0px 5px 5px -5px var(--shadow);-moz-box-shadow:0px 5px 5px -5px var(--shadow);box-shadow:0px 5px 5px -5px var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;border-radius:100%;justify-content:center;align-items:center;display:flex}@media (width<=769px){.switcher[data-v-a65350da]{min-width:40px;min-height:40px;box-shadow:none;background-color:#0000}}@media (any-hover:none) and (pointer:coarse){.switcher[data-v-a65350da]:active{background-color:var(--accent)}}@media (hover:hover) and (pointer:coarse){.switcher[data-v-a65350da]:active{background-color:var(--accent)}}@media (hover:hover) and (pointer:fine){.switcher[data-v-a65350da]:hover{background-color:var(--accent)}}.switch-enter-active[data-v-a65350da],.switch-leave-active[data-v-a65350da]{transition:all .2s}.switch-enter-from[data-v-a65350da],.switch-leave-to[data-v-a65350da]{opacity:0;transform:scale(.8)rotate(-80deg)}.menu[data-v-69bb00c6]{z-index:var(--z-highest);pointer-events:none;gap:20px;display:flex}@media (width<=769px){.menu[data-v-69bb00c6]{background-color:var(--bg-3);border-radius:var(--b-radius);-webkit-box-shadow:0px 5px 5px -5px var(--shadow);-moz-box-shadow:0px 5px 5px -5px var(--shadow);box-shadow:0px 5px 5px -5px var(--shadow);padding:5px}}.layout-controll{z-index:var(--z-controll);pointer-events:none;justify-content:end;display:flex}.layout-controll__col{flex:1}.layout-controll__col--left{justify-content:end;align-items:start;display:flex}.layout-controll__col--right{min-width:590px}.menu__wrapper{padding-top:2%;transition:-webkit-backdrop-filter .5s ease-in-out,backdrop-filter .5s ease-in-out}@media (width<=769px){.layout-controll{z-index:var(--z-controll-mobile)}.layout-controll__col{width:100%}.layout-controll__col--left{justify-content:center}.layout-controll__col--right{display:none}.menu__wrapper{justify-content:center;width:100%;padding:2% 0;display:flex}.menu__wrapper.isActive{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}.helper[data-v-d15ed3f8]{z-index:500;background-color:var(--bg-3);cursor:help;pointer-events:auto;width:80px;height:80px;transition:var(--colors);border-radius:100%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:5%;left:5%}@media (any-hover:none) and (pointer:coarse){.helper[data-v-d15ed3f8]:active{background-color:var(--accent)}}@media (hover:hover) and (pointer:coarse){.helper[data-v-d15ed3f8]:active{background-color:var(--accent)}}@media (hover:hover) and (pointer:fine){.helper[data-v-d15ed3f8]:hover{background-color:var(--accent)}}@media (width<=769px){.helper[data-v-d15ed3f8]{border-radius:var(--b-radius);width:50px;height:50px}}.overlay{z-index:400;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background-color:var(--bg-4);pointer-events:none;transition:var(--colors);pointer-events:auto;position:absolute;inset:0}.help{width:100%;height:100%;display:flex}.help__wrapper{width:100%;height:100%;position:relative}.help__coll{flex:1}.help__coll--flex{flex-direction:column;display:flex}.help__cell{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;height:100%;padding:1%;display:flex}.help__cell-title{text-transform:uppercase;font-size:2rem;font-weight:800}.help__cell--menu{background:radial-gradient(at top,#d11fa5,#0000 70%);justify-content:start;height:30%}.help__cell--map{background:radial-gradient(at bottom,#3498db,#0000 70%)}.help__cell--page{background:radial-gradient(circle at 100%,#d1991f,#0000 90%)}.help__cell--page-mobile{background:radial-gradient(circle at bottom,#d1991f,#0000 60%)}.help__list{flex-direction:column;gap:20px;display:flex}.help__list-item{align-items:center;gap:5px;display:flex}.layout-tool{z-index:var(--z-tool);pointer-events:none;height:100dvh}.layout-tool__inner{width:100%;height:100%;position:relative}.v-enter-active,.v-leave-active{transition:opacity .5s}.v-enter-from,.v-leave-to{opacity:0}.social-button[data-v-c2f841ac]{color:var(--text-1);opacity:.8;transition:var(--colors);align-items:center;display:flex}.social-button[data-v-c2f841ac]:hover{opacity:1;color:var(--accent)}.social-button:hover .social-button__icon[data-v-c2f841ac]{fill:var(--accent)}.social-button__icon[data-v-c2f841ac]{width:25px;height:25px;fill:var(--text-1);transition:var(--colors)}.badge[data-v-12ed80fc]{color:var(--indigo);background:linear-gradient(var(--bg-2), var(--bg-2)) padding-box, var(--vue-gradient) border-box;transition:var(--colors);border:2px solid #0000;border-radius:5px;align-items:center;padding:5px 20px;font-size:1.6rem;display:inline-flex}.badge__icon[data-v-12ed80fc]{background-image:url(/skills.svg);background-repeat:no-repeat;background-size:120px 100px;width:20px;height:20px;margin-left:2px;display:inline-block}.badge__icon-wrapper[data-v-12ed80fc]{justify-content:center;align-items:center;display:flex}.profile[data-v-f220f470]{width:100%;max-width:520px;padding:var(--p-1);color:var(--text-1);background-color:var(--bg-2);border-radius:var(--b-radius);transition:var(--colors);-webkit-box-shadow:0px 5px 5px -5px var(--shadow);-moz-box-shadow:0px 5px 5px -5px var(--shadow);box-shadow:0px 5px 5px -5px var(--shadow);align-items:center;gap:10px;display:flex}.profile__avatar-wrapper[data-v-f220f470]{aspect-ratio:1;width:150px}.profile__avatar[data-v-f220f470]{object-fit:cover;border:4px solid #e1fbff;border-radius:50%;width:100%;height:100%}.profile__name[data-v-f220f470]{background-image:var(--vue-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;display:inline-block}.profile__work[data-v-f220f470]{background-image:var(--pinia-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:5px 0 10px;font-size:2rem}.profile__social[data-v-f220f470]{margin:5px 0 10px;display:flex}.layout-view{z-index:var(--z-view);pointer-events:none;justify-content:end;display:flex;inset:0}.view{z-index:600;pointer-events:auto;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-direction:column;flex-shrink:0;align-items:center;height:100dvh;max-height:100dvh;padding:2% 20px 2% 50px;transition:transform .5s,opacity .5s;display:flex;overflow:hidden auto}@media (width<=769px){.view{-webkit-overflow-scrolling:touch;width:100%;min-width:auto;max-width:100%;padding:85px 20px 2%}}.view-enter-active,.view-leave-active{transition:transform .5s,opacity .5s}.view-enter-from,.view-leave-to{opacity:0;transform:translate(100%)}.main{height:100vh;position:relative;overflow:hidden}.content{margin-top:30px}.app-stack{flex-direction:column;display:flex}.block{max-width:520px;padding:var(--p-1);border-radius:var(--b-radius);background-color:var(--bg-2);transition:var(--colors);-webkit-box-shadow:0px 5px 5px -5px var(--shadow);-moz-box-shadow:0px 5px 5px -5px var(--shadow);box-shadow:0px 5px 5px -5px var(--shadow);font-size:1.6rem}.block hr{background:var(--vue-gradient);width:100%;height:2px;color:var(--text-2);border:none;margin:15px 0}.block__title{color:var(--text-1);transition:var(--colors);font-size:2rem;font-weight:600}.block__content{margin-bottom:30px;line-height:1.4em}.education__list{flex-direction:column;gap:10px;display:flex}.education__item{align-items:center;display:flex}.education__icon{width:50px;height:50px;fill:var(--green)}.education__icon-wrapper{justify-content:center;align-items:center;height:100%;padding:10px;display:flex}.education__content{padding:0 20px}.education__content span{color:var(--text-2);transition:var(--colors);font-size:1.4rem}.education__title{margin-bottom:10px;font-size:1.8rem}.badges{flex-wrap:wrap;gap:10px;display:flex}