@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
.h1,.modal .modal__body .modal__body_title{letter-spacing:-.02em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:50px;font-weight:600;line-height:1.15}.h2,.contact .contact__container .contact__title{letter-spacing:-.01em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:40px;font-weight:600;line-height:1.15}.h3,.btn{letter-spacing:-.01em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:32px;font-weight:600;line-height:1.2}.h4,.timeline-container .event-container .event .event__name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:26px;font-weight:500;line-height:1.25}.text-sm,.skills .skills__grid,.form .form-control .form-checkbox{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.text-xs,body .event__tags .tag,body .services__tags .tag,.skills .skills__grid .skill .skill-desc,.skills .skills__grid .skill .skill-header .skill-value,.cookiebar-wrapper .cookiebar-container .cookiebar-actions #cookiebar-settings-btn,.cookiebar-wrapper .cookiebar-container .cookiebar-content #cookiebar-description,.form .form-control .error,.timeline-container .event-container .event .event__date,.timeline-container .event-container .event .event__detail{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.text-xxs{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:400;line-height:1.5}.text,body .appearance-toggle.absolute,body .container .hp .hp-grid .contact-email,body .container nav .navigation,.cookiebar-wrapper .cookiebar-container .cookiebar-content #cookiebar-title,.services .services__grid .services__box .services__box_text_container .services__box_description,.contact .contact__container .contact__info-grid,.form .form-control .input-wrapper input,.form .form-control .input-wrapper textarea,.timeline-container .event-container .event,.timeline-container .line-point:after,.timeline-container .line-container .top-title,.btn.btn-sm{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:400;line-height:1.6}.text-xl,.services .services__grid .services__box .services__box_text_container .services__box_title,.modal .modal__body .modal__body_text,.btn.btn-md{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:400;line-height:1.5}.text-xxl{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:28px;font-weight:400;line-height:1.4}.shadow{box-shadow:0 4px 20px #0000002e}.shadow-sm{box-shadow:0 2px 8px #0000001f}.shadow-lg{box-shadow:0 8px 40px #00000040}.shadow-glow{box-shadow:0 0 20px #efbe4026}button,input[type=submit],input[type=reset]{color:inherit;font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none;padding:0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.btn{letter-spacing:0;border-radius:16px;padding:12px 24px;font-size:18px;font-weight:500}.btn.btn-sm{padding:8px 18px;font-size:16px}.btn.btn-md{padding:10px 22px;font-size:18px}.btn.btn-contact{color:#001724;white-space:nowrap;background:linear-gradient(135deg,#efbe40 0%,#ecb11a 100%);border-radius:16px;width:auto;font-size:18px;font-weight:600;box-shadow:0 4px 15px #efbe404d}.btn.btn-animated{transition:transform .15s,color .15s,border-color .15s,background-color .15s,box-shadow .15s}.btn.btn-animated:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 25px #efbe4059}.btn.btn-animated:active{transform:translateY(0)scale(.98)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8886;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8889}*{scrollbar-width:thin;scrollbar-color:#8886 #0000}body{color:#b3f1d0;background-color:#001724;transition:background-color .25s,color .25s}body.bright{color:#1a2332;background-color:#f7f8fa}body.bright .logo-dark{opacity:1!important}body .appearance-border-text{border-style:solid;border-color:#b3f1d040;transition:border-color .25s,color .25s}body.bright .appearance-border-text{border-color:#0000001a}body.bright .services__box_overlay{background-image:linear-gradient(#f7f8fa00,#f7f8faf2)!important}body.bright .services__box_title{font-weight:600!important}body .appearance-border-text-bottom{border-bottom-style:solid;border-bottom-color:#b3f1d0;transition:border-bottom-color .25s}body.bright .appearance-border-text-bottom{border-bottom-color:#001724}body .appearance-bg-color-text{background-color:#b3f1d0;transition:background-color .25s}body.bright .appearance-bg-color-text{background-color:#001724}body .appearance-bg-color{background-color:#001724;transition:background-color .25s}body.bright .appearance-bg-color{background-color:#f7f8fa}body .appearance-bg-color-reverse{color:#001724;background-color:#f7f8fa;transition:background-color .25s,color .25s}body.bright .appearance-bg-color-reverse{color:#1a2332;background-color:#fff}body .appearance-bg-color-secondary,body .container nav .navigation .menu .menu-items{background-color:#012f3e;transition:background-color .25s}body.bright .appearance-bg-color-secondary,body.bright .container nav .navigation .menu .menu-items{background-color:#edf0f4}body .appearance-services-box{-webkit-backdrop-filter:blur(10px);background:#012f3e8c;border-width:1px;border-color:#b3f1d01a}body .appearance-services-box:hover,body .appearance-services-box:active{background-color:#012f3ecc;border-color:#efbe404d}body.bright .appearance-services-box{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border-width:1px;border-color:#00000014;box-shadow:0 2px 12px #0000000f}body.bright .appearance-services-box:hover,body.bright .appearance-services-box:active{background-color:#fff;border-color:#efbe4066;box-shadow:0 4px 20px #0000001a}body.bright .appearance-services-box .services__box_text{font-weight:600!important}body .appearance-bg-color-contact,body .contact{background-color:#002337;transition:background-color .25s}body.bright .appearance-bg-color-contact,body.bright .contact{background-color:#f0f4f8}body .appearance-color-text-dark{color:#001724;transition:color .25s}body.bright .appearance-color-text-dark{color:#1a2332}body .appearance-toggle .moon{display:none}body .appearance-toggle .sun,body.bright .appearance-toggle .moon{display:inline-flex}body.bright .appearance-toggle .sun{display:none}body .cookiebar-wrapper{transition:background-color .25s,transform .4s}body.bright .background-image{opacity:.04!important}body.bright .event__detail{box-shadow:0 2px 12px #00000014;color:#1a2332!important;background-color:#fff!important;border-color:#0000001a!important}body.bright .cookiebar-wrapper{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#ffffffeb;box-shadow:0 -2px 20px #00000014}body .icon-svg.icon-dark{display:block}body .icon-svg.icon-bright,body.bright .icon-svg.icon-dark{display:none}body.bright .icon-svg.icon-bright{display:block}body.bright .container .about{background:#ffffffd9;border-color:#0000000f;box-shadow:0 2px 16px #0000000a}body.bright .container .timeline-container .event-container .event{background:#ffffffe6;border-color:#00000014;box-shadow:0 2px 12px #0000000d}body.bright .container .timeline-container .event-container .event:hover{border-color:#efbe4059;box-shadow:0 4px 20px #0000001a}body.bright .container .timeline-container .line-container .line{opacity:.25}body.bright .appearance-skill.type_back-end{background-color:#e8f4fd!important;border-color:#4299e140!important}body.bright .appearance-skill.type_front-end{background-color:#f3ecfc!important;border-color:#9f7aea40!important}body.bright .appearance-skill.type_other{background-color:#fef0f3!important;border-color:#ed64a640!important}@media (max-width:649px){body.bright .skills .unloaded .skills__grid-container .skills__grid:after{background:linear-gradient(#fff0,#f7f8fa)!important}}.timeline-container{grid-template-rows:[first-row]50px 50px repeat(200,auto) 50px 50px[last-row];grid-template-columns:[first-col]auto[sec-col]repeat(10,auto)[last-col];column-gap:24px;display:grid;position:relative}@media (max-width:849px){.timeline-container{flex-direction:column;align-items:center;gap:20px;display:flex}.timeline-container>div:nth-child(2){margin-top:120px}.timeline-container>div:last-child{margin-bottom:100px}}@media (max-width:649px){.timeline-container{padding:0 20px}}.timeline-container .line-container{grid-area:first-row/first-col/last-row}.timeline-container .line-container .top-title{text-align:center;opacity:.8;margin:0 30px;padding-bottom:20px;font-weight:500}@media (max-width:849px){.timeline-container .line-container{position:absolute}}.timeline-container .line-container{flex-direction:column;align-items:center;height:100%;display:flex}.timeline-container .line-container .triangle-up{border-bottom-width:35px;border-left:20px solid #0000;border-right:20px solid #0000;width:0;height:0}.timeline-container .line-container .rhombus{border-width:15px;transform:rotate(45deg)}.timeline-container .line-container .line{height:inherit;opacity:.4;border-width:3px;width:0;position:relative}.timeline-container .circle,.timeline-container .line-point:before,.timeline-container .line-point{border-radius:50%;width:44px;height:44px}.timeline-container .line-point{grid-column:first-col;justify-self:center;align-items:center;gap:20px;display:flex;position:relative;top:50%}.timeline-container .line-point:before{content:"";right:50%;transform:translate(50%);box-shadow:0 0 12px #efbe4066;background-color:#efbe40!important;width:50%!important;height:50%!important}.timeline-container .line-point:after{content:attr(data-year);opacity:.7;font-weight:600;position:absolute;left:60px}.timeline-container .event-container{width:100%}@media (min-width:850px){.timeline-container .event-container{margin-bottom:16px}}.timeline-container .event-container{grid-column:2/last-col}.timeline-container .event-container .event{-webkit-backdrop-filter:blur(16px);background:#012f3e8c;border:1px solid #b3f1d01a;border-radius:24px;height:fit-content;padding:20px 28px;position:relative}@media (max-width:649px){.timeline-container .event-container .event{padding:16px 18px}}.timeline-container .event-container .event{opacity:0;grid-template-areas:"name detail""date detail""tags tags""description description";column-gap:10px;display:grid;transition:opacity .4s,background-color .25s,border-color .25s,transform .25s!important}.timeline-container .event-container .event.show{opacity:1}.timeline-container .event-container .event:hover{border-color:#efbe4040;transform:translate(4px)}.timeline-container .event-container .event .event__name{grid-area:name;font-weight:600}@media (max-width:849px){.timeline-container .event-container .event .event__name{font-size:22px}}.timeline-container .event-container .event .event__detail{color:#efbe40;background:0 0;border:1.5px solid #efbe4080;border-radius:32px;grid-area:detail;justify-self:flex-end;width:fit-content;height:fit-content;font-weight:500;transition:background-color .15s,border-color .15s}.timeline-container .event-container .event .event__detail:hover{background:#efbe4026;border-color:#efbe40}.timeline-container .event-container .event .event__description{opacity:.85;grid-area:description;padding-top:10px}@media (max-width:849px){.timeline-container .event-container .event .event__description{font-size:16px}}.timeline-container .event-container .event .event__date{opacity:.6;grid-area:date;padding-top:4px;font-weight:500}.form .form-control{flex-direction:column;width:100%;display:flex}.form .form-control .input-wrapper{background-color:#fffffff2;border:2px solid #b3f1d026;border-radius:16px;height:100%;padding:8px 20px;transition:border-color .15s,box-shadow .15s}.form .form-control .input-wrapper:focus-within{border-color:#efbe40;box-shadow:0 0 0 3px #efbe4026}.form .form-control .input-wrapper input,.form .form-control .input-wrapper textarea{appearance:none;color:#001724;background:0 0;border:0;width:100%;font-size:16px}.form .form-control .input-wrapper input:focus,.form .form-control .input-wrapper textarea:focus{outline:none}.form .form-control .input-wrapper input::placeholder,.form .form-control .input-wrapper textarea::placeholder{color:#00172466}.form .form-control .input-wrapper textarea{resize:none;min-height:200px;line-height:1.6}.form .form-control .form-checkbox input{display:none}.form .form-control .form-checkbox label{cursor:pointer;align-items:center;gap:10px;display:flex}.form .form-control .form-checkbox .input-wrapper{background:#fffffff2;border-radius:8px;padding:0}.form .form-control .form-checkbox .input-wrapper input{display:none}.form .form-control .form-checkbox .input-wrapper .checkmark{opacity:0;transition:opacity .15s}.form .form-control .form-checkbox .input-wrapper .checkmark.is-checked{opacity:1}.form .form-control .error{color:#ff5b5b;opacity:0;max-height:0;padding:4px 0 8px;transition:max-height .25s,opacity .25s}.form .form-control.has-error .input-wrapper{box-shadow:0 0 0 3px #ff5b5b1a;border-color:#ff5b5b!important}.form .form-control.has-error .error{opacity:1;max-height:50px}.form .form-control .submit-btn{width:min-content;margin-top:12px}@media (max-width:849px){.form .form-control .submit-btn{align-self:center}}.bright .error{color:#ff0c0c!important;font-weight:500!important}.bright .form-checkbox input:checked{background-color:#012f3e!important}.bright .form-checkbox input:after{color:#f0f4f8!important}.contact{justify-content:center;width:100%;padding:80px 0;display:flex}.contact .contact__container{grid-template-columns:1fr 1fr;grid-template-areas:"title form""info form";gap:50px 60px;width:100%;display:grid}@media (max-width:849px){.contact .contact__container{grid-template-columns:1fr;grid-template-areas:"title""form""info"}}.contact .contact__container .contact__title{grid-area:title;font-weight:700;line-height:1.2}@media (max-width:849px){.contact .contact__container .contact__title{text-align:center;font-size:30px}}.contact .contact__container .contact__info-grid{grid-area:info;grid-template-columns:1fr;grid-template-areas:"name""cities""email""socials";align-self:flex-end;gap:6px 4px;width:100%;display:grid}.contact .contact__container .contact__info-grid .contact__name{grid-area:name;font-weight:500}.contact .contact__container .contact__info-grid .socials{grid-area:socials}@media (max-width:849px) and (min-width:650px){.contact .contact__container .contact__info-grid .socials{justify-self:flex-end}}.contact .contact__container .contact__info-grid .contact__cities{grid-area:cities}.contact .contact__container .contact__info-grid .contact__email{grid-area:email}@media (max-width:849px) and (min-width:650px){.contact .contact__container .contact__info-grid .contact__email{justify-self:flex-end}.contact .contact__container .contact__info-grid{grid-template-columns:1fr 1fr;grid-template-areas:"name socials""cities email"}}@media (max-width:649px){.contact .contact__container .contact__info-grid{grid-template-columns:1fr;grid-template-areas:"name""cities""email""socials"}.contact .contact__container .contact__info-grid span,.contact .contact__container .contact__info-grid div,.contact .contact__container .contact__info-grid a{justify-self:center}}.contact .contact__container .contact__form{opacity:1;grid-area:form;justify-self:flex-end;width:100%;max-height:620px;transition:max-height .4s,opacity .4s}.contact .contact__container .contact__form.hide{opacity:0;max-height:0;overflow-y:hidden}.contact .contact__container .contact__form label a{text-decoration:underline}.contact .contact__container .contact__thank-you{color:#001724;transform-origin:0 100%;background:linear-gradient(135deg,#efbe40 0%,#e9ad13 100%);border-radius:24px;grid-area:form;width:100%;height:100%;display:flex;position:relative;transform:scale(0)}@media (max-width:849px){.contact .contact__container .contact__thank-you{transform-origin:50% 100%}}.contact .contact__container .contact__thank-you{transition:transform .4s}.contact .contact__container .contact__thank-you.show{transform:scale(1)}.contact .contact__container .contact__thank-you .contact__thank-you_container{padding:40px 50px}@media (max-width:649px){.contact .contact__container .contact__thank-you .contact__thank-you_container{padding:24px 20px}}.contact .contact__container .contact__thank-you .contact__thank-you_container{grid-template-columns:1fr auto;grid-template-areas:"title title""text icon";justify-content:space-around;align-items:center;gap:20px 10px;width:100%;display:grid}@media (max-width:649px){.contact .contact__container .contact__thank-you .contact__thank-you_container{grid-template-areas:"title icon""text text"}}.contact .contact__container .contact__thank-you .contact__thank-you_container .thank-you__title{grid-area:title;font-weight:700}@media (max-width:649px){.contact .contact__container .contact__thank-you .contact__thank-you_container .thank-you__title{font-size:30px}}.contact .contact__container .contact__thank-you .contact__thank-you_container .thank-you__text{grid-area:text}@media (max-width:649px){.contact .contact__container .contact__thank-you .contact__thank-you_container .thank-you__text{font-size:22px}}.contact .contact__container .contact__thank-you .contact__thank-you_container .thank-you__icon{grid-area:icon;justify-self:flex-end;font-size:30px}html.fixed{overflow-y:hidden}.modal{z-index:10;width:100%;height:100%;position:fixed;top:0;left:0;transform:scale(0)}.modal.show{transition:all .3s ease-in-out;transform:scale(1)}.modal .modal__container{max-height:100vh;position:relative;overflow-y:auto}.modal .modal__container .modal__body-container{flex-direction:column;align-items:center;display:flex}.modal .modal__close-button{color:#001724;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s;display:flex;position:fixed;top:20px;right:20px}.modal .modal__close-button:hover{transform:rotate(90deg)scale(1.1)}.modal .modal__img{max-width:1000px;height:100%;margin:0 20px 80px;overflow-y:scroll}@media (max-width:849px){.modal .modal__img{margin:0 5px 80px}}.modal .modal__img img{border-radius:16px;width:100%}.modal .modal__body{flex-direction:column;gap:16px;margin:50px auto 20px;display:flex}.modal .modal__body a{text-decoration:underline}.modal .modal__body .modal__body_title{font-weight:700}@media (max-width:849px){.modal .modal__body .modal__body_title{font-size:32px}}.modal .modal__body .modal__body_text{opacity:.9}@media (max-width:849px){.modal .modal__body .modal__body_text{font-size:20px}}@media (max-width:649px){.modal .modal__body .modal__body_text{margin-bottom:100px}}.services{width:min(100% - 150px,1200px);max-width:1200px;margin:20px 75px 100px}@media (max-width:849px){.services{margin:20px 0 80px}}@media (max-width:649px){.services{width:min(100% - 40px,1200px)}}.services .services__title{padding-bottom:30px;font-weight:700}@media (max-width:849px){.services .services__title{text-align:center;font-size:28px}}.services .services__grid{grid-template-columns:repeat(6,1fr);justify-content:space-between;align-items:center;gap:20px;display:grid}@media (max-width:849px){.services .services__grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}.services .services__grid .services__box{grid-column:span 1!important}.services .services__grid{gap:16px}}.services .services__grid .services__box{cursor:pointer;border-style:solid;border-radius:24px;grid-column:span 2;justify-content:center;align-items:center;max-height:200px;padding:100% 10px 0;transition:all .25s;display:flex;position:relative;overflow:hidden}@media (max-width:649px){.services .services__grid .services__box{padding:55% 10px 0}}@media (min-width:850px){.services .services__grid .services__box:nth-child(4),.services .services__grid .services__box:nth-child(5){grid-column:span 3;padding:50% 10px 0}.services .services__grid .services__box:hover .services__box_img{opacity:0;transform:scale(1.08)}.services .services__grid .services__box:hover .services__box_text_container{top:10%}.services .services__grid .services__box:hover .services__box_text_container .services__box_description,.services .services__grid .services__box:hover .services__box_glass{opacity:1}}.services .services__grid .services__box .services__box_text_container{height:100%;padding:0 18px;position:absolute}@media (min-width:650px){.services .services__grid .services__box .services__box_text_container{transition:top .25s;top:calc(100% - 90px)}}@media (max-width:649px){.services .services__grid .services__box .services__box_text_container{top:calc(100% - 70px)}}.services .services__grid .services__box .services__box_text_container .services__box_title{padding-bottom:20px;font-weight:600}@media (max-width:649px){.services .services__grid .services__box .services__box_text_container .services__box_title{font-size:22px}}.services .services__grid .services__box .services__box_text_container .services__box_description{opacity:0;height:100%;font-size:16px;line-height:1.5;overflow:hidden}.services .services__grid .services__box .services__box_img{background-color:#f7f8fa;width:100%;height:100%;transition:opacity .25s,transform .4s;position:absolute;top:0;left:0}.services .services__grid .services__box .services__box_img img{object-fit:cover;width:100%;height:100%}.services .services__grid .services__box .services__box_overlay{background-image:linear-gradient(#00172400,#001724f2);width:100%;height:75%;position:absolute;bottom:0;left:0}.services .services__grid .services__box .services__box_glass{opacity:0;justify-content:flex-end;align-items:flex-start;width:100px;height:100px;transition:opacity .25s;display:flex;position:absolute;top:0;right:0}@media (max-width:849px){.services .services__grid .services__box .services__box_glass{opacity:1}}.services .services__grid .services__box .services__box_glass{background-image:radial-gradient(circle at 100% 0,#484848cc 0%,#00172400 60%)}.services .services__grid .services__box .services__box_glass i{padding:20px}.cookiebar-wrapper{-webkit-backdrop-filter:blur(16px);z-index:2;background-color:#002337eb;border-top:1px solid #b3f1d01a;justify-content:center;width:100%;display:flex;position:fixed;bottom:0;transform:translateY(100%);box-shadow:0 -8px 30px #0003}.cookiebar-wrapper.show{position:sticky;transform:translateY(0)}.cookiebar-wrapper .cookiebar-container{flex-direction:row;align-items:center;column-gap:35px;width:min(100% - 150px,1200px);max-width:1200px;display:flex}@media (max-width:649px){.cookiebar-wrapper .cookiebar-container{width:min(100% - 40px,1200px)}}.cookiebar-wrapper .cookiebar-container{margin:24px 0}@media (max-width:849px){.cookiebar-wrapper .cookiebar-container{flex-direction:column;align-items:flex-start;row-gap:16px;margin:20px}}.cookiebar-wrapper .cookiebar-container .cookiebar-content{flex-direction:column;justify-content:center;row-gap:12px;display:flex}.cookiebar-wrapper .cookiebar-container .cookiebar-content #cookiebar-title{font-weight:600}.cookiebar-wrapper .cookiebar-container .cookiebar-content #cookiebar-description{opacity:.8;line-height:1.6}.cookiebar-wrapper .cookiebar-container .cookiebar-actions{flex-direction:row;align-items:center;column-gap:24px;display:flex}@media (max-width:649px){.cookiebar-wrapper .cookiebar-container .cookiebar-actions{flex-direction:column;row-gap:12px;width:100%}}.cookiebar-wrapper .cookiebar-container .cookiebar-actions #cookiebar-settings-btn{white-space:nowrap;opacity:.7;text-decoration:underline;transition:opacity .15s}.cookiebar-wrapper .cookiebar-container .cookiebar-actions #cookiebar-settings-btn:hover{opacity:1}.cookiebar-wrapper .cookiebar-container .cookiebar-actions #cookiebar-allow-all-btn{height:fit-content}.skills{width:min(100% - 150px,1200px);max-width:1200px;margin:20px 75px 100px}@media (max-width:849px){.skills{margin:20px 0 50px}}@media (max-width:649px){.skills{width:min(100% - 40px,1200px)}}.skills .skills__title{font-weight:700}.skills .skills__container{flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}@media (max-width:649px){.skills .skills__container .skills-load-more{display:block}.skills .skills__container .skills__grid-container{max-height:3000px;overflow:hidden}.skills .skills__container.unloaded .skills__grid-container{max-height:450px;position:relative}.skills .skills__container.unloaded .skills__grid-container .skills__grid:after{content:"";background:linear-gradient(#fff0,#001724);border-radius:0 0 16px 16px;height:60px;position:absolute;bottom:0;left:0;right:0}}.skills .skills-load-more{display:none}.skills .skills__grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media (max-width:849px) and (min-width:650px){.skills .skills__grid{grid-template-columns:1fr 1fr}}@media (max-width:649px){.skills .skills__grid{grid-template-columns:1fr}}.skills .skills__grid .skill{-webkit-backdrop-filter:blur(8px);background:#012f3e8c;border:1px solid #b3f1d01a;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:18px 20px;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex}.skills .skills__grid .skill:hover{border-color:#efbe404d;transform:translateY(-2px);box-shadow:0 4px 20px #0000002e}.skills .skills__grid .skill.type_back-end{background:#012f3eb3;border-color:#4da6d633}.skills .skills__grid .skill.type_front-end{background:#3d1a5c80;border-color:#a855f733}.skills .skills__grid .skill.type_other{background:#5c152580;border-color:#f472b633}.skills .skills__grid .skill .skill-header{justify-content:space-between;align-items:center;width:100%;display:flex}.skills .skills__grid .skill .skill-header .skill-name{font-size:1.1em;font-weight:600}.skills .skills__grid .skill .skill-header .skill-value{opacity:.7;font-size:.9em}.skills .skills__grid .skill .skill-desc{opacity:.7;margin-top:4px;line-height:1.5}.skills .skills__grid .skill .skill-bar{background:#ffffff14;border-radius:3px;width:100%;height:6px;margin-top:12px;position:relative;overflow:hidden}.skills .skills__grid .skill .skill-bar__fill{border-radius:3px;height:100%;-webkit-mask:linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0)}.skills .skills__grid .skill .skill-bar__fill.unactive{width:.1%!important}.skills .skills__grid .skill .skill-bar__fill.duration-1{transition:width .3s}.skills .skills__grid .skill .skill-bar__fill.duration-2{transition:width .4s}.skills .skills__grid .skill .skill-bar__fill.duration-3{transition:width .5s}.skills .skills__grid .skill .skill-bar__fill.duration-4{transition:width .6s}.skills .skills__grid .skill .skill-bar__fill.duration-5{transition:width .7s}.skills .skills__grid .skill .skill-bar__fill.duration-6{transition:width .8s}.skills .skills__grid .skill .skill-bar__fill.duration-7{transition:width .9s}.skills .skills__grid .skill .skill-bar__fill.duration-8{transition:width 1s}.skills .skills__grid .skill .skill-bar__fill.duration-9{transition:width 1.1s}.skills .skills__grid .skill .skill-bar__fill.duration-10{transition:width 1.2s}.skills .skills__grid .skill .skill-bar__fill:before{content:"";background:linear-gradient(90deg,#efbe40 0%,#ff6b6b 50%,#efbe40 100%);position:absolute;inset:0}.image-gallery-icon{color:#fff;appearance:none;cursor:pointer;z-index:4;filter:drop-shadow(0 2px 2px #1a1a1a);background-color:#0000;border:0;outline:none;transition:all .3s ease-out;position:absolute}@media (hover:hover) and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{padding:20px;bottom:0}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{width:28px;height:28px}@media (max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{width:24px;height:24px}}@media (max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{width:16px;height:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{width:60px;height:120px}@media (max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{width:36px;height:72px}}@media (max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{width:24px;height:48px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;user-select:none;-o-user-select:none;-webkit-tap-highlight-color:#0000;position:relative}.image-gallery.fullscreen-modal{z-index:5;background:#000;width:100%;height:100%;position:fixed;inset:0}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{line-height:0;position:relative;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 110px);display:inline-block}@media (max-width:768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{white-space:nowrap;text-align:center;line-height:0;position:relative;overflow:hidden}.image-gallery-slide{width:100%;position:absolute;top:0;left:0}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{object-fit:contain;width:100%}.image-gallery-slide .image-gallery-description{color:#fff;white-space:normal;background:#0006;padding:10px 20px;line-height:1;position:absolute;bottom:70px;left:0}@media (max-width:768px){.image-gallery-slide .image-gallery-description{padding:8px 15px;font-size:.8em;bottom:45px}}.image-gallery-bullets{z-index:4;width:80%;margin:0 auto;position:absolute;bottom:20px;left:0;right:0}.image-gallery-bullets .image-gallery-bullets-container{text-align:center;margin:0;padding:0}.image-gallery-bullets .image-gallery-bullet{appearance:none;cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:50%;outline:none;margin:0 5px;padding:5px;transition:all .2s ease-out;display:inline-block;box-shadow:0 2px 2px #1a1a1a}@media (max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{background:#337ab7;border:1px solid #337ab7;transform:scale(1.2)}.image-gallery-bullets .image-gallery-bullet.active{background:#fff;border:1px solid #fff;transform:scale(1.2)}@media (hover:hover) and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{vertical-align:top;width:100px;display:inline-block}@media (max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{margin-right:0;padding:0;display:block}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-top:2px;margin-left:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{padding:5px 0;overflow:hidden}@media (max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{background:0 0;border:4px solid #0000;width:100px;padding:0;transition:border .3s ease-out;display:inline-block}@media (max-width:768px){.image-gallery-thumbnail{border:3px solid #0000;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:4px solid #337ab7;outline:none}@media (max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover:hover) and (pointer:fine){.image-gallery-thumbnail:hover{border:4px solid #337ab7;outline:none}}@media (hover:hover) and (pointer:fine) and (max-width:768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;text-shadow:0 2px 2px #1a1a1a;white-space:normal;width:100%;padding:5%;font-size:1em;line-height:1em;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{color:#fff;z-index:4;background:#0006;padding:10px 20px;line-height:1;position:absolute;top:0;right:0}@media (max-width:768px){.image-gallery-index{padding:5px 10px;font-size:.8em}}.icon-svg{vertical-align:middle;justify-content:center;transition:transform .15s;display:inline-flex}html{scroll-behavior:smooth}body{margin:0}body .container{flex-direction:column;align-items:center;min-height:100vh;display:flex}body .container .section{padding:0 75px}@media (max-width:649px){body .container .section{padding:0 20px}}body .container .section{max-width:1200px}@media (max-width:649px){body .container nav{padding:0 20px}}@media (max-width:849px){body .container nav{background-color:inherit;transform:initial;transition:top .25s}body .container nav .navigation-container{background-color:inherit;position:fixed;right:50%;transform:translate(50%)}body .container nav .navigation-container .nav-contact-btn{display:block}}body .container nav{z-index:3;flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;top:0;right:50%;transform:translate(50%)}@media (min-width:850px){body .container nav.hidden{top:-70px}body .container nav.hidden .menu.collapsed .menu-items{max-height:0!important;padding-top:0!important;padding-bottom:0!important;transition:initial!important}body .container nav.fixed{background-color:inherit;transform:initial;transition:top .25s}body .container nav.fixed .navigation-container{background-color:inherit;-webkit-backdrop-filter:blur(12px);position:fixed;right:50%;transform:translate(50%)}body .container nav.fixed .navigation-container .nav-contact-btn{display:block}}body .container nav .navigation-container{justify-content:center;width:100%;display:flex}body .container nav .navigation{background-color:#0000;justify-content:space-between;align-items:center;width:min(100% - 150px,1200px);max-width:1200px;padding:12px 0;display:flex}@media (min-width:850px){body .container nav .navigation .nav-contact-btn{display:none}}@media (max-width:649px){body .container nav .navigation{width:min(100% - 40px,1200px)}}body .container nav .navigation .title-part{align-items:center;gap:12px;display:flex}body .container nav .navigation .menu{align-items:center;gap:28px;display:flex}body .container nav .navigation .menu .bars{display:block}body .container nav .navigation .menu .times{display:none}body .container nav .navigation .menu.collapsed .menu-items{max-height:220px;padding-top:12px}body .container nav .navigation .menu.collapsed .bars{display:none}body .container nav .navigation .menu.collapsed .times{display:block}body .container nav .navigation .menu .menu-items{gap:inherit;align-items:inherit;display:flex}@media (min-width:850px){body .container nav .navigation .menu .menu-items{background-color:#0000!important}}@media (max-width:849px){body .container nav .navigation .menu .menu-items{-webkit-backdrop-filter:blur(12px);border-radius:0 0 24px 24px;flex-direction:column;justify-content:center;gap:16px;width:100%;max-height:0;padding-top:0;padding-bottom:0;transition:max-height .35s ease-in-out,padding-top .35s ease-in-out,padding-bottom .35s ease-in-out;display:flex;position:absolute;top:70px;left:0;overflow:hidden}body .container nav .navigation .menu .menu-items:after{content:"";background:linear-gradient(90deg,#efbe40,#0000);width:100%;height:3px;display:block}}body .container nav .navigation .menu .menu-items a{font-weight:500;transition:color .15s}body .container nav .navigation .menu .menu-items a:hover{color:#efbe40}body .container nav .navigation .menu .menu-items{white-space:nowrap}body .container nav .navigation .menu .appearance-toggle{display:none}@media (max-width:649px){body .container nav .navigation .menu .appearance-toggle{display:inline-flex}}body .container nav .navigation .menu .menu-bars{border-width:1px;border-radius:8px;min-width:44px;padding:2px 12px}@media (min-width:850px){body .container nav .navigation .menu .menu-bars{display:none}}body .container nav .navigation .logo{border-radius:16px;width:48px;height:48px;transition:transform .15s;position:relative;overflow:hidden}body .container nav .navigation .logo:hover{transform:scale(1.05)}body .container nav .navigation .logo .logo-dark{opacity:0;position:absolute}body .container nav .navigation .logo img{width:100%;height:100%}body .container .hp{align-items:center;min-height:min(100vh,1200px);display:flex}body .container .hp .background-image{z-index:1;opacity:.85;height:100%;max-height:1200px;transition:opacity .25s;position:absolute;right:0}body .container .hp .background-image img{height:100%}@media (max-width:849px){body .container .hp .background-image{width:100vw;left:0;overflow:hidden}}body .container .hp .hp-grid{z-index:2;margin-top:40px;display:grid}@media (min-width:850px){body .container .hp .hp-grid{grid-template-rows:60px repeat(3,auto) 70px;grid-template-columns:repeat(3,1fr);grid-template-areas:"logo text1 text1""logo text2 text2""logo text3 text3""logo text4 text4""email email button";gap:20px 50px}}@media (max-width:849px) and (min-width:650px){body .container .hp .hp-grid{grid-template-rows:repeat(5,auto) 150px;grid-template-columns:repeat(2,auto);grid-template-areas:"text1 text1""text2 text2""logo logo""text3 text3""email text4""button button";gap:20px 15px;margin-top:80px}}@media (max-width:649px){body .container .hp .hp-grid{grid-template-rows:repeat(6,auto) 150px;grid-template-columns:1fr;grid-template-areas:"text1""text2""logo""text3""email""text4""button";gap:20px 15px;margin-top:80px}}body .container .hp .hp-grid .top-heading{grid-area:header;justify-self:center}@media (max-width:849px){body .container .hp .hp-grid .top-heading{display:none}}body .container .hp .hp-grid .content-logo{aspect-ratio:1;background-color:#012f3e;border-radius:32px;grid-area:logo;align-self:center;width:100%;max-width:500px;max-height:400px;transition:transform .4s;overflow:hidden;box-shadow:0 8px 40px #00000040}body .container .hp .hp-grid .content-logo:hover{transform:scale(1.02)}body .container .hp .hp-grid .content-logo img{width:100%}@media (min-width:850px){body .container .hp .hp-grid .content-logo{min-width:300px}}@media (max-width:849px){body .container .hp .hp-grid .content-logo{justify-self:center}}body .container .hp .hp-grid .name{text-align:center;letter-spacing:-.02em;grid-area:text1;gap:15px;margin:0;font-weight:700;display:flex}@media (max-width:849px){body .container .hp .hp-grid .name{place-self:flex-end center}}@media (max-width:649px){body .container .hp .hp-grid .name{font-size:36px}}body .container .hp .hp-grid .profession{text-align:center;opacity:.8;grid-area:text2;gap:15px;margin:0;font-weight:400;display:flex}@media (max-width:849px){body .container .hp .hp-grid .profession{justify-self:center}}@media (max-width:649px){body .container .hp .hp-grid .profession{font-size:22px}}body .container .hp .hp-grid .description{opacity:.85;grid-area:text3;line-height:1.7}body .container .hp .hp-grid .description .more-button{cursor:pointer}body .container .hp .hp-grid .socials{grid-area:text4;align-self:flex-end;font-size:30px}body .container .hp .hp-grid .socials span{font-size:30px}@media (max-width:849px) and (min-width:650px){body .container .hp .hp-grid .socials{justify-self:flex-end}}body .container .hp .hp-grid .contact-btn{grid-area:button;place-self:center flex-end}@media (max-width:849px){body .container .hp .hp-grid .contact-btn{justify-self:center}}body .container .hp .hp-grid .contact-email{white-space:nowrap;flex:1;grid-area:email;align-self:center}body .container .hp .hp-grid .contact-email a{opacity:.7;transition:opacity .15s}body .container .hp .hp-grid .contact-email a:hover{opacity:1;color:#efbe40}body .container .hp .hp-grid .contact-email a:before{content:"–⁠–⁠–⁠–⁠⁠–⁠–⁠⁠–⁠–⁠";margin-right:10px}@media (max-width:649px){body .container .hp .hp-grid .contact-email a:before{content:"⁠";margin-right:0}}body .container .about{width:min(100% - 150px,1200px);max-width:1200px;margin:20px 75px 100px;padding:50px 0}@media (max-width:849px){body .container .about{width:100%;margin:20px 0 80px}}body .container .about{-webkit-backdrop-filter:blur(16px);background:#012f3e8c;border:1px solid #b3f1d01a;border-radius:24px;transition:background-color .25s}body .container .about .about__title{text-align:center;margin-bottom:25px;font-weight:700}body .appearance-toggle.absolute{z-index:3;transition:transform .15s;position:fixed;top:22px;right:30px}body .appearance-toggle.absolute:hover{transform:scale(1.15)}@media (max-width:649px){body .appearance-toggle.absolute{display:none}}body .socials{align-items:center;gap:16px;font-size:20px;display:flex}body .socials a{transition:transform .15s,opacity .15s}body .socials a:hover{opacity:.8;transform:translateY(-2px)}body .color-transition{transition:color .25s,border-color .25s}body a,body button{transition:color .15s,border-color .15s}body a:hover,body button:hover{color:#efbe40;border-color:#efbe40!important}body .event__tags,body .services__tags{flex-wrap:wrap;grid-area:tags;gap:8px;padding-top:10px;display:flex}body .event__tags .tag,body .services__tags .tag{color:#001724;letter-spacing:.01em;background:linear-gradient(135deg,#efbe40,#ecb11a);border-radius:32px;padding:4px 14px;font-weight:600;box-shadow:0 2px 8px #efbe4033}@media (max-width:649px){body .event__tags .tag,body .services__tags .tag{padding:3px 10px;font-size:13px}}body .mask{opacity:1;z-index:20;background-color:#001724;justify-content:center;align-items:center;width:100%;height:100%;font-size:80px;transition:opacity .4s,z-index .5s step-end;display:flex;position:fixed;top:0;left:0}body .mask.hide{opacity:0;z-index:-1}body .about,body .services,body .contact,body .skills,body .hp{position:relative}body .link-anchor{position:absolute;top:-70px}body .link-anchor-top{position:absolute;top:0}body .scroll-top{color:#012f3e;z-index:9;background:linear-gradient(135deg,#efbe40e6,#ecb11ae6);border-style:solid;border-width:0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;transition:all .25s;display:flex;position:fixed;bottom:40px;right:30px;box-shadow:0 4px 15px #efbe4040}body .scroll-top:hover{transform:translateY(-3px);box-shadow:0 6px 25px #efbe4059}body .scroll-top.hide{bottom:-50px}@media (max-width:849px){body .scroll-top{width:38px;height:38px;font-size:20px;bottom:13px;right:13px}}.no-hover:hover{color:inherit!important;border-color:inherit!important}.m-0{margin:0}