@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Poppins:wght@400;500;700&display=swap";*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}:root{--blackpure: #000;--black: #171718;--black-border: #26292d;--white: #fff;--purple: #5c62ec;--nav-bg: var(--black);--nav-border: var(--black-border);--nav-text: var(--white);--header-bg: var(--black);--header-text: var(--white);--footer-bg: var(--black);--footer-text: var(--white);--page-bg: var(--white);--text-color: var(--black);--accent: var(--purple);--title-1: var(--accent);--project-card-bg: var(--white);--project-card-text: var(--black);--box-shadow: 0px 5px 35px rgba(0, 0, 0, .25)}.dark{--page-bg: #252526;--text-color: var(--white);--title-1: var(--white);--project-card-bg: var(--black);--project-card-text: var(--white);--box-shadow: 0px 5px 35px rgba(0, 0, 0, .8)}html,body{min-height:100vh;font-family:DM Sans,sans-serif;letter-spacing:-.5px;background-color:var(--page-bg);color:var(--text-color)}#root{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;padding:0 15px;max-width:1200px}.none{display:none!important}.section{padding:70px 0}.title-1{margin-bottom:60px;font-size:60px;font-weight:700;line-height:1.3;color:var(--title-1);text-align:center}.title-2{margin-bottom:20px;font-size:40px;font-weight:700;line-height:1.3}.btn{display:inline-block;height:48px;padding:12px 28px;border-radius:5px;background-color:var(--accent);color:var(--white);letter-spacing:.15px;font-size:16px;font-weight:500;transition:opacity .2s ease-in}.btn:hover{opacity:.8}.btn:active{position:relative;top:1px}.btn-outline{display:flex;column-gap:10px;align-items:center;height:48px;padding:12px 20px;border-radius:5px;border:1px solid #000;background-color:#fff;color:#000;transition:opacity .2s ease-in}.btn-outline:hover{opacity:.8}.btn-outline:active{position:relative;top:1px}.projects{display:flex;justify-content:center;flex-wrap:wrap;column-gap:30px;row-gap:30px}.project-details{margin:0 auto;max-width:865px;display:flex;flex-direction:column;align-items:center;text-align:center}.project-details__cover{max-width:100%;margin-bottom:40px;box-shadow:var(--box-shadow);border-radius:10px}.project-details__desc{margin-bottom:30px;font-weight:700;font-size:24px;line-height:1.3}.content-list{margin:0 auto;max-width:570px;display:flex;flex-direction:column;align-items:center;row-gap:40px;text-align:center}.content-list a{color:var(--accent)}.content-list__item{font-size:18px;line-height:1.5}.content-list__item p+p{margin-top:.5em}@media (max-width: 620px){.section{padding:40px 0}.title-1{margin-bottom:30px;font-size:40px}.title-2{margin-bottom:10px;font-size:30px}.project__title{font-size:22px}.project-details__desc{margin-bottom:20px;font-size:22px}.content-list{row-gap:20px}.content-list__item{font-size:16px}.footer{padding:40px 0 30px}.footer__wrapper{row-gap:20px}.social{column-gap:20px}.social__item{width:28px}}.dark-mode-btn{order:9;position:relative;display:flex;justify-content:space-between;width:51px;height:26px;padding:5px;border-radius:50px;background-color:#272727}.dark-mode-btn:before{content:"";position:absolute;top:1px;left:1px;display:block;width:24px;height:24px;border-radius:50%;background-color:#fff;transition:left .2s ease-in}.dark-mode-btn--active:before{left:26px}.dark-mode-btn__icon{position:relative;z-index:9}.nav{padding:20px 0;background-color:var(--nav-bg);border-bottom:1px solid var(--nav-border);color:var(--nav-text);letter-spacing:normal}.nav-row{display:flex;justify-content:flex-end;align-items:center;column-gap:30px;row-gap:20px;flex-wrap:wrap}.logo{margin-right:auto;color:var(--nav-text);font-size:24px;font-family:Poppins,sans-serif}.logo strong{font-weight:700}.nav-list{display:flex;flex-wrap:wrap;row-gap:10px;align-items:center;column-gap:40px;font-size:16px;font-weight:500;font-family:Poppins,sans-serif}.nav-list__link{color:var(--nav-text);transition:opacity .2s ease-in}.nav-list__link:hover{opacity:.8}.nav-list__link--active{position:relative}.nav-list__link--active:before{content:"";position:absolute;left:0;top:100%;display:block;height:2px;width:100%;background-color:var(--accent)}@media (max-width: 620px){.logo{font-size:20px}.nav-list{column-gap:30px}.nav-row{justify-content:space-between}.dark-mode-btn{order:0}}.footer{margin-top:auto;padding:60px 0 50px;background-color:var(--footer-bg);color:var(--footer-text)}.footer__wrapper{display:flex;flex-direction:column;align-items:center;row-gap:27px}.social{display:flex;column-gap:30px;align-items:center}.copyright{font-size:16px}.copyright p+p{margin-top:.5em}.header{padding:40px 0;min-height:695px;display:flex;justify-content:center;align-items:center;background-color:var(--header-bg);background-image:url(/assets/header-bg-Djjy6aXB.png);background-repeat:no-repeat;background-size:auto;background-position:center center;color:var(--header-text);text-align:center}.header__wrapper{padding:0 15px;max-width:660px}.header__title{margin-bottom:20px;font-size:40px;font-weight:700;line-height:1.4}.header__title strong{font-size:60px;font-weight:700}.header__title em{font-style:normal;color:var(--accent)}.header__text{margin-bottom:40px;font-size:24px;line-height:1.333}.header__text p+p{margin-top:.5em}@media (max-width: 620px){.header{min-height:595px;background-size:contain}.header__title{font-size:30px}.header__title strong{font-size:50px}.header__text{font-size:18px}}.project{max-width:370px;background-color:var(--project-card-bg);box-shadow:var(--box-shadow);border-radius:10px}.project__img{border-radius:10px}.project__title{padding:15px 20px 25px;font-weight:700;font-size:24px;line-height:1.3;color:var(--project-card-text)}