*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--purple) var(--black)}html{scroll-behavior:smooth;overflow-x:hidden}html>body{font-family:"Open Sans",sans-serif;font-size:16px;font-weight:400;color:var(--white);background:var(--background-gradient);overflow-x:hidden}img{height:auto;width:100%}a{text-decoration:none;outline:none;color:var(--white)}ol,ul{list-style:none}button{font-weight:400;font-size:16px;outline:none}h1,h2,h3,h4,h5,h6{font-size:48px;font-weight:700;text-transform:uppercase;letter-spacing:-1.92px}h2,h3{display:flex;flex-direction:column;align-items:end;margin-right:187px}h2::before,h3::before{content:"";display:inline-block;width:53px;height:3px;border-radius:3px;background-color:var(--purple)}input{outline:none}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background-color:var(--purple);border-radius:10px;border:3px solid var(--black)}:root{--white: #f0f0f0;--purple: #7a24ad;--black: #121212;--background-gradient: linear-gradient(45deg, #1e1324, #121212);--btn-gradient: linear-gradient(34deg, #400b67 0%, #7a24ad 55%, #4a19d3 100%);--main-gradient: linear-gradient( 180deg, #3d0066 0%, #7a24ad 50%, #5119d3 100% )}.header{padding-top:34px}.header__wrap{display:flex;justify-content:space-between;align-items:center;position:relative}.logo img{width:140px}.screen{padding-top:32px;position:relative}.screen__wrap{display:flex;justify-content:space-between;column-gap:37px}.screen__info{margin-top:166px}.screen__info-prof{margin-bottom:24px;font-weight:300;font-size:26px;letter-spacing:.26px;position:relative;display:flex;align-items:center}.screen__info-prof span{color:var(--purple);font-size:25px;font-weight:600;margin:0 6px}.screen__info-prof::before{content:"";display:block;margin-right:18px;width:53px;height:3px;border-radius:3px;background-color:var(--purple)}.screen__info-name{font-size:90px;max-width:421px;letter-spacing:2.7px;line-height:100px}.screen__info-name span{display:inline-block;transform:translateX(80px)}.screen__box{position:relative;padding-left:25px}.screen__box::before{content:"";position:absolute;width:3px;height:100%;left:0;border:50%;background-color:var(--purple);animation:bounce;animation-duration:1s}.screen__box-social{margin-top:48px}.screen__box-desc{font-weight:300;max-width:624px;font-size:21px;opacity:.8;margin-top:22px;line-height:1.5em}.screen__box-btn{margin-top:32px}.screen__box-btn button{background-image:var(--btn-gradient);font-size:24px;font-weight:700;padding:18px 60px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:var(--white);border-radius:51px;display:block;cursor:pointer;border:none}.screen__box-btn button:hover{background-position:right center;color:var(--white);text-decoration:none}@media(max-width: 1155px){.screen__wrap{align-items:center}.screen__info{flex-basis:40%;margin-top:0}.screen__photo{flex-basis:60%}.screen__info-prof{font-size:18px}.screen__info-prof::before{content:"";display:block;margin-right:18px;width:36px;height:3px;border-radius:3px;background-color:var(--purple)}.screen__info-name{font-size:75px;line-height:73px}.screen__info-name span{transform:translateX(0px)}}@media(max-width: 1060px){.screen__wrap{margin-top:40px}}@media(max-width: 1000px){.screen__wrap{flex-direction:column-reverse;row-gap:22px;margin-top:0}.screen__photo img{width:600px}.screen__info-name{display:inline-flex;font-size:65px}.screen__info-name span{transform:translateX(30px)}.screen__box::before{content:"";display:none}.screen__box{padding-left:0}.social__list{justify-content:center}.screen__box-social{margin-top:30px}.screen__box-desc{text-align:center}.screen__box-btn{display:flex;align-items:center;justify-content:center}.screen__info-prof{justify-content:center;margin-bottom:10px}}@media(max-width: 787px){.decor__icon-ellipseOne{position:absolute;z-index:-1;width:965px !important;height:965px !important;left:-42%;top:-20% !important}.decor__icon-starOne{left:50% !important}}@media(max-width: 700px){.screen__info-name{font-size:48px;max-width:100%;display:block;text-align:center;line-height:54px}.screen__box-social{margin-top:15px}.screen__box-desc{max-width:624px;font-size:18px}.screen__photo{flex-basis:50%}.screen__info-name span{transform:translateX(0)}.screen__photo img{width:482px}}@media(max-width: 630px){.screen__box-btn button{font-size:19px;padding:16px 50px}}@media(max-width: 500px){.screen__photo img{width:380px}}@media(max-width: 425px){.screen__info-name{font-size:38px;line-height:45px}.screen__box-desc{font-size:16px}.screen__photo img{width:380px}.screen__box-btn button{font-size:19px;padding:15px 40px}.screen__info-prof{font-size:16px}.screen__info-prof::before{content:"";display:none}}@media(max-width: 375px){.screen__photo img{width:300px}}.design{margin-top:153px;padding-top:40px;position:relative}.design__popup{display:none;position:fixed;top:30%;left:50%;transform:translate(-50%, -50%)}.design__popup-window{position:absolute;left:50%;top:50%;transform:translate(-50%, -25%);border-radius:15px;border:9px solid var(--purple);width:1350px;max-height:600px;z-index:5;overflow-y:auto;overflow-x:hidden}.design__popup-window img{width:100%;height:auto}.design__popup-close{transition:ease .3s;position:absolute;opacity:.7;transform:translate(1090%, -220%);display:inline-flex;align-items:center;justify-content:center;width:53px;height:53px;background-color:#c8a6dc;border-radius:50%;z-index:6;cursor:pointer;border:none}.design__popup-close img{width:25px;height:25px;color:#fff}.design__popup-close:hover{opacity:1}.design__block{margin-top:48px;display:grid;grid-template-columns:1.5fr 1.5fr 1.7fr 1fr;grid-template-rows:1fr 1fr;gap:36px;max-height:536px}.design__block-item{position:relative;border-radius:15px;overflow:hidden;transition:ease .3s;border-right:none;border-top:none;cursor:pointer;border-left:6px solid var(--purple);border-bottom:6px solid var(--purple)}.design__block-item::after{content:"";position:absolute;transition:ease .3s;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1;background-color:var(--purple);opacity:0}.design__block-item-img{width:100%;height:100%;object-fit:cover;filter:saturate(0);position:relative}.design__block-item:hover .design__block-item-img{filter:saturate(1)}.design__block-item:hover .design__block-icon{opacity:1}.design__block-item:hover::after{content:"";opacity:.35}.design__block-item.item-4{grid-row-start:span 2}.design__block-item.item-5{grid-column-start:span 2}.design__block-item.item-6{grid-column-start:span 1}.design__block-icon{opacity:0;transition:ease .3s;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background-color:var(--white);border-radius:50%;z-index:2;cursor:pointer}.design__block-icon img{width:27px;height:27px}.design__popup.js-open-popup{display:block !important;z-index:1000}@media(max-width: 1500px){.design__popup-window{width:1000px;max-height:470px}.design__popup-close{transform:translate(780%, -176%)}}@media(max-width: 1100px){.design__popup-window{width:770px;max-height:440px}.design__popup-close{transform:translate(568%, -165%)}}@media(max-width: 992px){.design__block{grid-template-columns:1fr 1fr 1fr}.design__block-item.item-4{grid-row-start:auto}.design__block-item.item-5{grid-column-start:auto}.design__block-item.item-6{grid-column-start:auto}}@media(max-width: 830px){.design__popup-window{width:640px}.design__popup-close{transform:translate(450%, -165%)}}@media(max-width: 768px){.design__title{align-items:center;margin:0 auto;font-size:38px}}@media(max-width: 675px){.design{margin-top:100px}.design__block{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.design__block-item.item-4{grid-row-start:auto}.design__block-item.item-5{grid-column-start:auto}.design__block-item.item-6{grid-column-start:auto}.design__popup-window{width:520px}.design__popup-close{transform:translate(340%, -165%)}}@media(max-width: 550px){.design__popup-window{width:400px}.design__popup-close{transform:translate(353%, -237%);width:38px;height:38px}.design__popup-close img{width:19px;height:19px}}@media(max-width: 425px){.design{margin-top:40px}.design__popup-window{width:300px}.design__popup-close{transform:translate(230%, -230%)}}@media(max-width: 375px){.design_block-icon{width:38px;height:38px}}.front{margin-top:140px;position:relative}.front__popup{position:relative;display:none}.front__popup-window{position:absolute;left:50%;top:50%;transform:translate(-50%, -25%);border-radius:15px;border:9px solid var(--purple);width:1350px;max-height:600px;z-index:5;overflow-y:auto;overflow-x:hidden}.front__popup-window img{width:100%;height:auto}.front__popup-close{transition:ease .3s;position:fixed;opacity:.7;left:50%;top:90%;transform:translate(-50%, -50%);display:inline-flex;align-items:center;justify-content:center;width:53px;height:53px;background-color:var(--white);border-radius:50%;z-index:6;cursor:pointer;border:none}.front__popup-close img{width:25px;height:25px}.front__popup-close:hover{opacity:1}.front__block{margin-top:48px;display:grid;grid-template-columns:1fr 1.2fr .8fr;grid-template-rows:1fr 1fr;gap:36px;max-height:536px}.front__block-item{position:relative;border-radius:15px;overflow:hidden;transition:ease .3s;border-right:none;border-top:none;cursor:pointer;border-left:6px solid var(--purple);border-bottom:6px solid var(--purple)}.front__block-item::after{content:"";position:absolute;transition:ease .3s;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1;background-color:var(--purple);opacity:0}.front__block-item-img{width:100%;height:100%;object-fit:cover;filter:saturate(0);position:relative}.front__block-item:hover .front__block-item-img{filter:saturate(1)}.front__block-item:hover .front__block-icon{opacity:1}.front__block-item:hover::after{content:"";opacity:.35}.front__block-item.item-4{grid-column-start:span 1}.front__block-item.item-5{grid-column-start:span 1}.front__block-item.item-6{grid-column-start:span 1}.front__block-icon{opacity:0;transition:ease .3s;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background-color:var(--white);border-radius:50%;z-index:2;cursor:pointer}.front__block-icon img{width:27px;height:27px;transform:translate(3%, 5%)}@media(max-width: 992px){.front__block{grid-template-columns:1fr 1fr 1fr}.front__block-item.item-4{grid-row-start:auto}.front__block-item.item-5{grid-column-start:auto}.front__block-item.item-6{grid-column-start:auto}}@media(max-width: 768px){.front__title{align-items:center;margin:0 auto;font-size:38px}.front__block{grid-template-columns:1fr;grid-template-rows:auto;max-height:none}.front__block-item{grid-column-start:auto !important;grid-row-start:auto !important;height:230px;max-height:230px}}@media(max-width: 375px){.front_block-icon{width:38px;height:38px}}.skills{position:relative;margin-top:200px;padding-top:60px;padding-bottom:60px;background:linear-gradient(318deg, rgba(66, 5, 107, 0.2) 0%, rgba(66, 5, 107, 0.2) 100%)}.skills__title{align-items:center;margin:0 0 48px 0}.skills__slider-wrap{margin-bottom:50px}.skills__slide-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 12px;border-radius:15px;min-width:198px;height:250px;position:relative;z-index:1;background:linear-gradient(152deg, rgb(40, 28, 49) 0%, rgb(38, 18, 52) 43%, rgb(46, 14, 60) 100%);cursor:pointer}.skills__slide .icon{width:90px;height:90px}.skills__slide-name{font-weight:bold;font-size:28px;text-transform:uppercase;margin-top:16px}.skills__slide-box{margin-top:25px;text-align:center;display:flex;flex-direction:column;align-items:center;row-gap:8px}.skills__slide-numbers{font-weight:bold}.skills__slide-progress{position:relative;width:118px;height:5px;background-color:var(--white);border-radius:4px}.skills__slide-progress-fill{position:absolute;background-color:var(--purple);height:5px}.skills__slide-gradient{position:absolute;border-radius:15px;min-width:207px;top:0;left:0;right:0;bottom:0;z-index:0;background:linear-gradient(0deg, rgb(64, 11, 103) 0%, rgb(122, 36, 173) 57%, rgb(74, 25, 211) 100%)}.swiper-pagination-bullet{width:18px;height:18px;background-color:var(--purple)}.swiper-pagination-bullet-active-main{width:18px;height:18px;background-color:var(--purple)}@media(max-width: 768px){.skills{margin-top:90px}.skills__title{align-items:center;font-size:38px}}@media(max-width: 425px){.skills{margin-top:65px;padding-top:28px;padding-bottom:35px}}.about{padding-top:200px;padding-bottom:200px;position:relative;overflow:hidden}.about__wrap{display:flex;justify-content:space-between;align-items:center;column-gap:131px}.about__info{flex-basis:50%}.about__info-title{margin-bottom:28px;margin-right:0;display:inline-block;position:relative}.about__info-title span{color:var(--purple)}.about__info-title::before{content:"";position:absolute}.about__info-list{display:flex;flex-direction:column;row-gap:28px}.about__info-subtitle{color:var(--purple);font-size:25px;font-weight:600}.about__info-desc{margin-top:12px;opacity:.8;line-height:1.7em}.about__photo{flex-basis:50%}@media(max-width: 1000px){.about__wrap{flex-direction:column;row-gap:30px}.about__photo{width:65%}}@media(max-width: 768px){.about{padding-top:100px;padding-bottom:100px}.about__info-title{font-size:38px}.about__wrap{text-align:center}.about__photo{display:none}}@media(max-width: 425px){.about{padding-top:65px;padding-bottom:65px}}.footer{background:linear-gradient(318deg, rgba(66, 5, 107, 0.2) 0%, rgba(66, 5, 107, 0.2) 100%);padding:17px 0}.footer__wrap{display:flex;align-items:center;justify-content:space-between}.social__list{display:flex;align-items:center;column-gap:32px}.social__item{height:28px}.social__item-link{transition:ease .3s;display:inline-flex;width:28px;height:28px;color:var(--purple)}.social__item-link:hover svg{color:#6310cf}.social__icon{transition:ease .3s;width:28px;height:28px}@media(max-width: 475px){.social__list{column-gap:19px}}.decor__icon-starOne{position:absolute;z-index:-1;top:-10px;left:43%;width:180px;height:180px}.decor__icon-starTwo{position:absolute;z-index:-1;width:234px;height:234px;right:7%;bottom:7%;rotate:320deg}.decor__icon-starThree{position:absolute;z-index:-1;width:156px;height:156px;left:40%;bottom:-12%;rotate:320deg}.decor__icon-ellipseOne{position:absolute;z-index:-1;width:1465px;height:1465px;left:-42%;top:-30%}.decor__icon-ellipseTwo{position:absolute;z-index:-1;right:0;width:900px;height:900px;top:-55%}.decor__icon-block{position:absolute;z-index:-1;width:1013px;height:1171px;left:0;top:30%}.decor__icon-blockTwo{position:absolute;z-index:-1;width:1013px;height:1171px;right:0%;transform:translateX(45%);top:5%;overflow:hidden}.decor__icon-ellipseThree{position:absolute;z-index:-1;left:-20%;top:150%}.decor__icon-ellipseFour{position:absolute;z-index:-1;right:0;transform:translateX(45%);top:40%}.decor__icon-starFour{position:absolute;z-index:-1;width:266px;height:266px;right:5%;top:-25%;rotate:306deg}.decor__icon-starFive{position:absolute;z-index:-1;width:187px;height:187px;left:3%;bottom:-20%;rotate:299deg}.decor__icon-ellipseFive{position:absolute;z-index:-1;right:0;transform:translateX(45%);top:14%}.decor__icon-starSix{position:absolute;z-index:-1;width:150px;height:150px;left:50%;rotate:270deg}.decor__icon-ellipseSix{position:absolute;z-index:-1;left:-19%;top:8%}.decor__icon-ellipseSix,.decor__icon-ellipseFive,.decor__icon-ellipseFour,.decor__icon-ellipseThree{width:750px;height:770px;display:block}.decor__icon-blockTwo,.decor__icon-block{display:block}@media(max-width: 1355px){.decor__icon-ellipseTwo{display:none}.decor__icon-starOne{left:75%}}@media(max-width: 787px){.decor__icon-ellipseOne{position:absolute;z-index:-1;width:965px;height:965px;left:-42%;top:-20%}.decor__icon-starOne{position:absolute;left:50%}}@media(max-width: 768px){.decor__icon-ellipseSix,.decor__icon-ellipseFive,.decor__icon-ellipseFour,.decor__icon-ellipseThree{width:655px !important;height:655px !important}}@media(max-width: 475px){.decor__icon-ellipseSix,.decor__icon-ellipseFive,.decor__icon-ellipseFour,.decor__icon-ellipseThree{display:none !important}.decor__icon-blockTwo{display:none !important}.decor__icon-starSix{display:none}.decor__icon-starFive{display:none !important}.decor__icon-starFour{display:none !important}}@media(max-width: 380px){.decor__icon-starOne,.decor__icon-ellipseOne,.decor__icon-starTwo,.decor__icon-starThree,.decor__icon-ellipseThree,.decor__icon-ellipseFour{display:none}}.menu{background-color:var(--purple);height:100%;width:330px;padding:28px;transition:all .3s ease-out;display:block;position:fixed;right:-330px !important;top:0;padding:30px 20px 20px 20px;z-index:10}.menu__nav{margin-top:30px}.menu__list{display:flex;flex-direction:column;row-gap:7px}.menu__item-link{font-size:24px;font-weight:400;transition:ease .3s}.menu__item-link:hover{opacity:.8}.menu.open{transform:translateX(-100%)}.menu__line-close{width:100%;height:5px;background-color:var(--white);display:block;border-radius:5px;cursor:pointer;transition:ease .3s}.menu__line-close:hover{opacity:.8}.menu-icon{position:absolute;right:0;width:35px;height:35px;z-index:6;cursor:pointer}.menu-icon .menu-icon__cheeckbox{display:block;width:100%;height:100%;position:relative;cursor:pointer;z-index:2;-webkit-touch-callout:none;position:absolute;opacity:0}.menu-icon div{margin:auto;position:absolute;top:0;right:0;left:0;bottom:0;width:32px;height:12px}.menu-icon span{position:absolute;display:block;width:100%;height:2px;background-color:var(--white);border-radius:1px;transition:all .2s cubic-bezier(0.1, 0.82, 0.76, 0.965)}.menu-icon span:first-of-type{top:0}.menu-icon span:last-of-type{bottom:0}@media(min-width: 1024px){.menu-icon:hover span:first-of-type{width:26px}.menu-icon:hover span:last-of-type{width:12px}}@media(max-width: 768px){.menu{width:300px;right:-300px !important}}@media(max-width: 600px){.menu{width:240px;right:-240px !important}}@media(max-width: 375px){.menu{width:190px;right:-190px !important}.menu__item-link{font-size:21px}}.container{min-width:320px;max-width:1372px;padding:0 15px;box-sizing:border-box;margin:0 auto}.overlay{position:relative;overflow-y:hidden;overflow-x:hidden;padding-right:10px}.overlay::after{content:"";background-color:rgba(0,0,0,.7);position:fixed;top:0;left:0;width:100%;height:100%;z-index:4}