@font-face{font-family:Cabin;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/0dc774dc49ca3cfe-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Cabin;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/69fe17c2444225af-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cabin;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/6c7b277d2518c12b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cabin;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/0dc774dc49ca3cfe-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Cabin;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/69fe17c2444225af-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cabin;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/6c7b277d2518c12b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cabin;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/0dc774dc49ca3cfe-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Cabin;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/69fe17c2444225af-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cabin;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/6c7b277d2518c12b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cabin Fallback;src:local("Arial");ascent-override:101.94%;descent-override:26.41%;line-gap-override:0.00%;size-adjust:94.66%}.__className_ae2191{font-family:Cabin,Cabin Fallback;font-style:normal}.__variable_ae2191{--font-cabin:"Cabin","Cabin Fallback"}*{box-sizing:border-box}body{min-width:320px}body,ul{margin:0}ul{padding:0}li{list-style-type:none}h1,h2,h3,h4,h5{margin:0}button{padding:0;cursor:pointer}p{margin:0}a{text-decoration:none}img{display:block}.container{max-width:1240px;margin:0 auto;padding:0 20px}.container__technology{max-width:1580px;margin:0 auto}.title-h1{font-size:50px;line-height:116%}.title-h1,.title-h2{font-weight:700;color:#181818}.title-h2{font-size:45px}.title-h3{font-weight:600;font-size:25px;color:#181818}.description{font-weight:400;font-size:20px;line-height:148%;color:#595566}.description--bold{font-weight:700;color:#181818}.badge{font-weight:400;font-size:16px;letter-spacing:.14em;text-transform:uppercase;color:#181818;border-radius:20px;padding:8px 12px;background-color:#ffcc4a;width:-moz-fit-content;width:fit-content}.badge--green{background-color:#4eaf4e;color:#fff}.button{display:inline-block;padding:16px 33px;border-radius:42px;font-weight:600;font-size:18px;border:1px solid transparent;transition:all .2s linear;background-color:rgba(27,27,27,.91);color:#fff}.button:hover{border-color:rgba(27,27,27,.91);background:#fff;color:rgba(27,27,27,.91)}.button--yellow{background-color:#ffcc4a;color:rgba(27,27,27,.91)}.button--yellow:hover{color:#fff;background-color:rgba(27,27,27,.91)}.button--white{background-color:#fff;color:rgba(27,27,27,.91)}.button--white:hover{background-color:#ffcc4a}.mb-20px{margin-bottom:20px}.layout{display:flex;flex-direction:column;min-height:100vh}.layout main{flex:1}.link-github{border:1px solid #fff;border-radius:30px;width:343px;height:163px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 0 6px 6px #b9b9b9;background:hsla(0,0%,100%,.3);display:flex;align-items:center;gap:10px;justify-content:space-between;padding:20px}.link-github__link{font-weight:700;font-size:36px;line-height:148%;color:rgba(27,27,27,.91);transition:color .2s linear}.link-github__link:hover{color:#ffcc4a}.link-github--position{position:absolute;bottom:130px;right:200px}.header__top{background-color:#181818;padding:18px 0}.header__list{justify-content:space-between;flex-wrap:wrap}.header__content,.header__list{display:flex;align-items:center}.header__text{font-weight:400;font-size:14px;line-height:160%;color:#fff;display:inline-block}.header__text--mr{margin-right:5px}.header__text--ml{margin-left:5px}.header__main{padding:54px 0;background:rgba(27,27,27,.91)}.header__main .container{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.header__main .container .header__link{color:#fff;font-size:24px;transition:all .2s linear}.header__main .container .header__link:hover{color:#ffcc4a}.hero{background-image:url(/img/hero-pic2.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;padding:75px}.hero__content{border-radius:29px;padding:55px 58px;max-width:715px;background-color:#fff;opacity:.85}.hero-freelancer{padding:0;background-image:url(/img/freelance-hero-bg.png)}.hero-freelancer .container{display:flex;justify-content:space-between;align-items:center}.hero-freelancer .hero__content{max-width:509px;background-color:transparent;padding:5px;opacity:1}.hero-freelancer .hero__content .description,.hero-freelancer .hero__content .title-h1{color:#fff}.technology{padding:20px 0}.technology .list{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));justify-items:center;align-items:center}.js-course{padding:50px 0 100px}.js-course .badge{margin-bottom:20px}.js-course .title-h2{margin-bottom:33px}.js-course .description{margin-bottom:10px}.js-course .js-course-list{margin-top:55px}.js-course .container{display:flex;justify-content:space-between;gap:65px}.js-course__left{width:35%}.js-course__right{background-image:url(/img/Background_Pattern.png);background-size:328px 328px;background-repeat:no-repeat;background-position:0;width:75%;display:flex;justify-content:end;position:relative}.js-course__img{border-radius:28px}.js-course__img--github{-o-object-fit:none;object-fit:none}.js-course__inner{position:relative}.js-course-list{padding:17px 0;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;max-width:380px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.js-course-list__item{border-radius:15px;background-color:#f6f6f6;padding:10px 5px;position:relative;display:flex;flex-direction:column;align-items:center;color:#181818;font-weight:700}.js-course-list__item:not(:last-child):after{content:"";width:1px;height:100%;background-color:#d8d8d8;display:block;position:absolute;top:0;right:-10px}.js-course-list__top{background-repeat:no-repeat;background-position:0;padding-left:30px;font-size:30px}.js-course-list__top--star{background-image:url(/img/svg/star-pic.svg)}.js-course-list__top--smile{background-image:url(/img/svg/smile-pic.svg)}.add-project{border-radius:20px;background-color:#fff;display:flex;align-items:center;width:250px;padding:20px;position:absolute;left:40px;bottom:160px;box-shadow:-5px 22px 26px 0 rgba(95,95,95,.25)}.add-project .description{font-weight:700;font-size:16px;color:#181818}.add-project__img{margin-right:10px}.skills-development{background-color:#f5f5f5;padding:100px 0}.skills-development .badge{margin:0 auto 8px}.skills-development .title-h2{text-align:center;max-width:1069px;margin:0 auto 40px}.skills-development-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(386px,1fr));gap:20px}.skills-development-list__item{background-color:#ebebeb;padding:40px;border-radius:20px;transition:all .2s linear}.skills-development-list__item:hover{background-color:#181818}.skills-development-list__item:hover .description,.skills-development-list__item:hover .title-h3{color:#fff}.skills-development-list__img{margin-bottom:32px}.skills-development-list .title-h3{margin-bottom:10px}.steps{padding:60px 0 168px}.steps .badge{margin-bottom:16px}.steps .container{display:flex;justify-content:space-between;gap:100px;flex-wrap:wrap}.steps .title-h2{margin-bottom:16px}.steps .title-h3{font-size:20px;margin-bottom:10px}.steps .description{font-size:16px}.steps__left{flex:1}.steps__left .description{margin-bottom:40px}.steps__right{flex:1}.steps__right .description{margin-bottom:10px}.steps .skills-development-list{grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:14px}.steps .skills-development-list__item{padding:23px}.steps-list__item{padding-top:28px;border-top:1px solid #c1c1c1;display:flex}.steps-list__number{font-weight:600;font-size:26px;color:#181818;width:52px;height:52px;display:flex;justify-content:center;align-items:center;border-radius:100%;margin-right:16px}.steps-list__number--one{background-color:#ffcc4a}.steps-list__number--two{background-color:#4eaf4e;color:#fff}.steps-list__number--three{background-color:#181818;color:#fff}.courses{padding:180px 0;background-color:#f5f5f5}.courses .badge{margin-bottom:10px}.courses .title-h2{margin-bottom:47px}.courses-list{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));margin-bottom:30px}.courses-list__img{border-radius:20px;margin-bottom:41px}.courses-list__description{padding:12px 0 6px;border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1}.courses-list__description .description{font-size:18px}.courses-list .title-h3{margin-bottom:12px}.courses-list .title-h4{font-size:20px}.courses-list .description{margin-bottom:10px}.payment{padding:22px;border-radius:21px;background-color:#fff;max-width:420px;transition:box-shadow .3s ease}.payment:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.payment__title{font-weight:600;font-size:26px;color:#fff;margin-bottom:10px}.payment .description{font-weight:400;font-size:16px;color:#fff;margin-bottom:15px}.payment .badge{margin-bottom:0;font-size:16px}.payment__wrapper{overflow:hidden;border-radius:21px;background-color:#181818;padding:30px;background-image:url(/img/Background_Pattern.png);background-size:98px 52px;background-repeat:no-repeat;background-position:right 20px top;margin-bottom:34px}.payment__descr{padding-top:20px;border-top:1px dashed #595566;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.payment__cost{font-weight:700;font-size:52px;line-height:116%;color:#fff}.payment .payment-list{margin-bottom:35px}.payment-list__item{font-weight:400;font-size:16px;line-height:252%;color:#595566;padding-left:30px;background-image:url(/img/svg/arrow-right.svg);background-repeat:no-repeat;background-size:22px 22px;background-position:0}.footer{background-color:#181818;padding:126px 0}.footer .container{display:flex;flex-direction:column}.footer__logo{align-self:center}.footer .description{text-align:center}.not-found-page{padding:130px 0 150px}.not-found-page .container{background:url(/img/Background_Pattern.png) 0 0 no-repeat,url(/img/Background-green.png) 100% 100% no-repeat}.not-found-page__content{display:flex;flex-direction:column;align-items:center;border-radius:29px;padding:69px 84px;background-color:hsla(0,0%,100%,.85);max-width:700px;margin:0 auto}.not-found-page__number{font-weight:700;font-size:120px;text-align:center;color:rgba(27,27,27,.91);margin-bottom:40px}.not-found-page .description{margin-bottom:10px;text-align:center}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;display:none}.modal-active{display:block}.modal__overlay{background:rgba(27,27,27,.91);display:flex;justify-content:center;align-items:center;height:100vh}.modal__content{border-radius:29px;background-color:#fff;position:relative;width:70%;height:70%;padding:20px}.modal__close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;z-index:2}.service-card{transform:translateY(-100px)}.service-card .title-h3{margin-bottom:10px}.service-card__list{display:flex;gap:18px}.service-card__item{padding:230px 48px 69px;background-repeat:no-repeat;border-radius:20px}.service-card__item--one{background-image:url(/img/verstka.png);background-position:50%;background-size:cover}.service-card__item--two{background-image:url(/img/js.png);background-position:50%;background-size:cover}.service-card__item--three{background-image:url(/img/consultation.png);background-position:top;background-color:#181818}.service-card__item--three .description,.service-card__item--three .title-h3{color:#fff}@media screen and (max-width:1010px){.js-course .container{flex-wrap:wrap}.js-course__left,.js-course__right{width:100%}.steps .container{gap:14px}.hero-freelancer__img{width:265px;height:500px;-o-object-fit:contain;object-fit:contain}.service-card{transform:translateY(0);padding:30px 0}.service-card__list{flex-wrap:wrap}.service-card__item{padding:10px}.link-github--position{right:0;bottom:0}.link-github{width:200px;height:50px;padding:10px}.link-github__link{font-size:18px}.link-github img{width:50px;height:50px}}@media screen and (max-width:768px){.title-h1{font-size:25px}.title-h2{font-size:20px}.description{font-size:16px}.header__main,.hero{padding:20px 0}.hero{height:auto}.hero__content{width:100%;padding:20px}.hero-freelancer__img{display:none}.js-course{padding:30px 0}.js-course .badge,.js-course .title-h2{margin-bottom:10px}.js-course .js-course-list{margin-top:30px}.js-course .container{gap:30px}.js-course__img{width:100%;-o-object-fit:cover;object-fit:cover}.js-course .add-project{bottom:0;left:0}.skills-development-list{grid-template-columns:repeat(auto-fit,minmax(275px,1fr))}.technology__img{width:50px;height:50px}.skills-development{padding:30px 0}.skills-development-list__item{padding:20px}.skills-development-list__img{width:40px;height:40px;margin-bottom:15px}.skills-development .title-h3{font-size:20px}.steps{padding:30px 0}.steps__left,.steps__right{flex:0 1 auto}.courses{padding:30px 0}.courses .title-h2{margin-bottom:30px}.courses-list__img{width:100%;height:auto;margin-bottom:20px}.footer,.not-found-page{padding:30px 0}.not-found-page .container{display:flex;align-items:center;justify-content:center;min-height:100vh}.not-found-page__content{width:100%;padding:30px}.not-found-page__number{font-size:30px;margin-bottom:20px}.not-found-page .title-h1{font-size:18px}.not-found-page .description{font-size:16px}.not-found-page .button{font-size:16px;text-align:center}.modal__content{height:-moz-fit-content;height:fit-content}}