@charset "UTF-8";[data-v-a813b49b]:root{--font-family: "Lato", sans-serif;--content-width: 752px;--container-offset: 31px;--container-width: calc(var(--content-width) + (var(--container-offset) * 2));--color-light: #fff;--color-bg-input: #e9e9e9;--color-grey-light: #cacaca;--color-grey: #999;--color-grey-dark: #4a4a4a;--color-grey-2: #38495a;--color-hash: #202020;--color-address: rgba(32, 32, 32, .85);--color-dark: #000;--color-debug: rgba(51, 51, 51, .3);--color-ultramarine: #9294f8;--color-ultramarine-dark: #4d4e82;--color-ultramarine-light: #d7d8fb;--box-shadow-glow: 0 0 12px 2px var(--color-ultramarine);--text-xs: clamp(.6875rem, calc(.59375rem + .1953125vw), .75rem);--text-sm: clamp(.8125rem, calc(.625rem + .390625vw), .9375rem);--text-base: clamp(1rem, calc(.8125rem + .390625vw), 1.125rem);--text-md: clamp(1.1875rem, calc(.90625rem + .5859375vw), 1.375rem);--text-lg: clamp(1.4375rem, calc(1.15625rem + .5859375vw), 1.625rem);--text-xl: clamp(1.75rem, calc(1.375rem + .78125vw), 2rem);--text-2xl: clamp(2.0625rem, calc(1.40625rem + 1.3671875vw), 2.5rem);--text-3xl: clamp(2.5rem, calc(1.75rem + 1.5625vw), 3rem);--text-4xl: clamp(3rem, calc(2.0625rem + 1.953125vw), 3.625rem)}@font-face{font-family:Lato;src:url(/my-portfolio/assets/latolight-9f257188.woff2) format("woff2");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Lato;src:url(/my-portfolio/assets/latoregular-3f4ba1f4.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Lato;src:url(/my-portfolio/assets/latobold-afd212ed.woff2) format("woff2");font-weight:700;font-display:swap;font-style:normal}html[data-v-a813b49b]{box-sizing:border-box;height:100%;overflow:hidden;background:radial-gradient(ellipse at bottom,#1b2735 0%,#090a0f 100%)}html[data-v-a813b49b]::-webkit-scrollbar{width:0!important}*[data-v-a813b49b],*[data-v-a813b49b]:before,*[data-v-a813b49b]:after{box-sizing:inherit}body[data-v-a813b49b]{margin:0;min-width:320px;font-family:var(--font-family, sans-serif);font-style:normal;font-weight:300;font-size:var(--text-lg);line-height:1.2;background-color:var(--color-light);color:var(--color-light)}@media (max-width: 767px){body[data-v-a813b49b]{font-size:var(--text-base)}}img[data-v-a813b49b]{height:auto;max-width:100%;object-fit:cover}h1[data-v-a813b49b],h2[data-v-a813b49b],h3[data-v-a813b49b],h4[data-v-a813b49b],p[data-v-a813b49b],ul[data-v-a813b49b],figure[data-v-a813b49b]{margin:0}a[data-v-a813b49b],button[data-v-a813b49b]{font-family:var(--font-family),sans-serif;background:-webkit-linear-gradient(white,var(--color-ultramarine));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}a[data-v-a813b49b]{color:inherit;text-decoration:none}[data-v-a813b49b]::-webkit-scrollbar{width:0}sup[data-v-a813b49b]{top:0}#app[data-v-a813b49b]{display:flex;flex-direction:column;align-items:center}.container[data-v-a813b49b]{margin:0 auto;padding:0 var(--container-offset);max-width:var(--container-width)}@media (max-width: 767px){.container[data-v-a813b49b]{padding:0 15px;max-width:320px}}.site-container[data-v-a813b49b]{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:100vh;width:var(--container-width)}@media (max-width: 767px){.site-container[data-v-a813b49b]{max-width:320px}}.uppercase[data-v-a813b49b]{text-transform:uppercase}.section-offset[data-v-a813b49b]{margin-bottom:35px}@media (max-width: 767px){.section-offset[data-v-a813b49b]{margin-bottom:20px}}.section-title[data-v-a813b49b]{margin-bottom:2rem;font-weight:300;font-size:var(--text-2xl);letter-spacing:3px;line-height:1.2;text-align:center;text-transform:uppercase;font-family:var(--font-family),sans-serif;background:-webkit-linear-gradient(white,var(--color-ultramarine));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 767px){.section-title[data-v-a813b49b]{margin-bottom:20px;font-size:var(--text-md)}}.btn-reset[data-v-a813b49b]{border:none;padding:0;background-color:transparent;cursor:pointer}.btn-active[data-v-a813b49b]{box-shadow:var(--box-shadow-glow)}.btn[data-v-a813b49b]{position:relative;border:1px solid var(--color-ultramarine);overflow:hidden;padding:13px 19px;font-weight:400;font-size:var(--text-base);line-height:19px;text-decoration:none;text-transform:uppercase;text-align:center;color:#f4f4f4}.btn.focus-visible[data-v-a813b49b]{box-shadow:1px 1px 25px 10px var(--color-ultramarine)}.btn[data-v-a813b49b]:hover:before{transform:translate(100%)}.btn[data-v-a813b49b]:active{box-shadow:var(--box-shadow-glow)}.btn[data-v-a813b49b]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,var(--color-ultramarine),transparent);transition:all .3s}.list-reset[data-v-a813b49b]{list-style:none;margin:0;padding:0}.visually-hidden[data-v-a813b49b]{position:absolute;overflow:hidden;margin:-1px;border:0;padding:0;width:1px;height:1px;clip:rect(0 0 0 0)}.js-focus-visible[data-v-a813b49b] :focus:not(.focus-visible){outline:none}.address[data-v-a813b49b]{position:relative;display:none}.address__tel[data-v-a813b49b]{padding-left:23px;font-family:var(--second-family);font-style:normal;font-weight:400;font-size:var(--text-base);line-height:21px;background-repeat:no-repeat;background-position:3px 1px;background-size:17px 17px;color:var(--color-yellow-light)}.input-reset[data-v-a813b49b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;background-color:#fff}.input-reset[data-v-a813b49b]::-webkit-search-decoration,.input-reset[data-v-a813b49b]::-webkit-search-cancel-button,.input-reset[data-v-a813b49b]::-webkit-search-results-button,.input-reset[data-v-a813b49b]::-webkit-search-results-decoration{display:none}.form-field[data-v-a813b49b]{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;padding:15px 23px;resize:none;font-weight:400;font-size:var(--text-base);line-height:19px;background-color:var(--color-grey-dark);color:var(--color-grey-light)}.form-field[data-v-a813b49b]::-webkit-search-decoration,.form-field[data-v-a813b49b]::-webkit-search-cancel-button,.form-field[data-v-a813b49b]::-webkit-search-results-button,.form-field[data-v-a813b49b]::-webkit-search-results-decoration{display:none}.form-field[data-v-a813b49b]:focus{outline:1px solid var(--color-yellow-light)}.form-field[data-v-a813b49b]:hover::placeholder{color:var(--color-yellow-light)}.form-field[data-v-a813b49b]:active::placeholder{color:var(--color-light)}.form-field[data-v-a813b49b]:active{outline:none}input.form-field[data-v-a813b49b]{height:50px}.field-wrap[data-v-a813b49b]{position:relative}.field-wrap .just-validate-error-label[data-v-a813b49b]{position:absolute;top:3px;left:23px;font-family:var(--font-family);font-weight:400;font-size:var(--text-xs);line-height:11px;color:var(--color-red-light)!important}.field-wrap .just-validate-error-field[data-v-a813b49b]{outline:1px solid var(--color-red-light)}.gradient-text[data-v-a813b49b]{font-family:var(--font-family),sans-serif;background:-webkit-linear-gradient(white,var(--color-ultramarine));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.typewriter[data-v-a813b49b]{overflow:hidden;white-space:nowrap;animation:typing-a813b49b 3s steps(30,end)}@keyframes typing-a813b49b{0%{width:0}to{width:100%}}#app[data-v-a813b49b]{position:absolute;width:100vw;height:100vh}.svg-container[data-v-a813b49b]{display:inline-block;width:40px;height:40px}.icon[data-v-a813b49b]{cursor:pointer}.download-link[data-v-a813b49b]{padding:5px;font-weight:300;font-size:var(--text-sm);line-height:1.5}@media (max-width: 767px){.download-link[data-v-a813b49b]{font-size:var(--text-xs);line-height:1}}.link[data-v-a813b49b]{position:relative;margin:0;padding:0;font-family:var(--second-family);font-weight:400;font-size:var(--text-base);transition:color .3s ease-in-out}.link[data-v-a813b49b]:focus{outline-offset:2px;outline:1px solid var(--color-ultramarine)}@media (any-hover: hover){.link[data-v-a813b49b]:hover{color:var(--color-ultramarine);outline:none}}.link[data-v-a813b49b]:active{box-shadow:var(--box-shadow-glow);outline:none}.link[data-v-a813b49b]:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--color-ultramarine);opacity:0;transition:opacity .3s ease-in-out}.link[data-v-a813b49b]:hover:after{opacity:1}.link-md[data-v-a813b49b]{padding:4px;font-size:var(--text-md)}.icon-link[data-v-a813b49b]{display:inline-block;width:100%;height:100%}.about__icon[data-v-a813b49b]{cursor:default}.skip-link[data-v-a813b49b]{position:absolute;top:-100px;left:16px;z-index:100;padding:12px 20px;background:#1a1a2e;color:#fff;border-radius:6px;font-weight:700;text-decoration:none}.skip-link[data-v-a813b49b]:focus{top:16px}#main[data-v-a813b49b]:focus{outline:none}[data-v-a813b49b]:focus-visible{outline:2px solid #4c9aff;outline-offset:2px}@media (prefers-reduced-motion: reduce){*[data-v-a813b49b],*[data-v-a813b49b]:before,*[data-v-a813b49b]:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.portfolio__container[data-v-a813b49b]{display:flex;flex-direction:column;align-items:center}.portfolio__title[data-v-a813b49b]{margin-bottom:10px;max-width:min-content!important}.portfolio__content[data-v-a813b49b]{padding:30px 15px 700px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:22px;max-height:78vh;overflow-y:auto;scrollbar-width:none}@media (max-width: 767px){.portfolio__content[data-v-a813b49b]{padding:15px}}.portfolio .card[data-v-a813b49b]{position:relative;z-index:90;width:350px;height:226px;cursor:pointer}@media (max-width: 767px){.portfolio .card[data-v-a813b49b]{width:290px;height:193px}}.portfolio .card__front[data-v-a813b49b],.portfolio .card__back[data-v-a813b49b]{position:absolute;width:100%;height:100%;overflow:hidden;backface-visibility:hidden;transition:transform .3s linear}.portfolio .card__back[data-v-a813b49b]{display:flex;justify-content:center;align-items:center;padding:15px;box-shadow:var(--box-shadow-glow)}.portfolio .card__img[data-v-a813b49b]{width:350px;height:226px}@media (max-width: 767px){.portfolio .card__img[data-v-a813b49b]{width:290px;height:193px}}.portfolio .card__front[data-v-a813b49b]{transform:perspective(900px) rotateY(0)}.portfolio .card__front--open[data-v-a813b49b]{transform:perspective(900px) rotateY(-180deg)}.portfolio .card__back[data-v-a813b49b]{transform:perspective(900px) rotateY(180deg)}.portfolio .card__back--open[data-v-a813b49b]{transform:perspective(900px) rotateY(0)}.portfolio .card__content[data-v-a813b49b]{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px}.portfolio .card__title[data-v-a813b49b]{font-weight:400;font-size:var(--text-md);text-align:center}.portfolio .card__desc[data-v-a813b49b]{font-weight:300;font-size:var(--text-base);text-align:center}.portfolio .card__icons[data-v-a813b49b]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.portfolio .card__icons .icon-link svg[data-v-a813b49b]{fill:var(--color-ultramarine);transition:fill .3s ease-in-out,stroke .3s ease-in-out}.portfolio .card__icons .icon-link:hover svg[data-v-a813b49b]{fill:var(--color-ultramarine-light)}.portfolio .card__icons .icon-link:active svg[data-v-a813b49b]{fill:var(--color-ultramarine-dark)}.portfolio .cards-enter-active[data-v-a813b49b]{animation:fadeIn-a813b49b .27s}.portfolio .cards-leave-active[data-v-a813b49b]{animation:fadeOut-a813b49b .27s}@keyframes fadeIn-a813b49b{0%{opacity:0;transform:translateY(130px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut-a813b49b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(130px)}}.contacts__container[data-v-a813b49b]{display:flex;flex-direction:column;align-items:center;background-color:transparent}.contacts__list[data-v-a813b49b]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:20px}.contacts__list .icon-link svg[data-v-a813b49b]{fill:var(--color-ultramarine);transition:fill .3s ease-in-out,stroke .3s ease-in-out;cursor:pointer}.contacts__list .svg-container[data-v-a813b49b]{width:40px;height:40px}@media (max-width: 767px){.contacts__list .svg-container[data-v-a813b49b]{width:30px;height:30px}}.contacts__list .icon-link:hover svg[data-v-a813b49b]{fill:var(--color-ultramarine-light)}.contacts__list .icon-link:active svg[data-v-a813b49b]{fill:var(--color-ultramarine-dark)}