*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;scroll-behavior:smooth}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 20px}button{cursor:pointer}a{text-decoration:none}ul{list-style:none}header{padding:10px 0;background:#f5f5f5;position:fixed;top:0;left:0;width:100%;z-index:999;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}nav{display:flex;justify-content:space-between;align-items:center}.nav__logo{padding:20px 0;width:200px}.nav__logo__img{width:100%}.nav__lists{display:flex;justify-content:space-between;align-items:center}.nav__item{margin:0 10px}.nav__link{color:#00bf6f;text-transform:uppercase;font-weight:700}#footer{background:#333;padding:80px 0}.footer__lists{margin:0 auto;display:flex;justify-content:center;gap:30px;align-items:center}.footer__link{color:#fff;transition:all .3s ease-in-out}.footer__link:hover{color:#ffa726}.footer__socials{margin:30px auto 0;display:flex;justify-content:center;gap:20px;align-items:center}.footer__icons__link{display:block;width:20px;height:20px}.footer__icons__link img{width:100%}#about{padding:180px 0 80px}.about__title{font-size:36px;font-weight:700;margin-bottom:40px;color:#00bf6f}#home{background:linear-gradient(135deg,#4caf50,#81c784)}.hero{padding:150px 0;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:20px}.hero__left__title{text-align:center;margin-bottom:20px;font-size:48px;color:#fff}.hero__left__subtitle{text-align:center;margin-bottom:30px;font-size:24px;color:#fff}.hero__left__btn{display:flex;justify-content:center}.hero__left__btn button{padding:10px 20px;border-radius:5px;background:#f69a37;border:none;color:#fff;transition:all .3s ease-in-out}.hero__left__btn button:hover{background:#ecb274}.hero__right img{width:100%}#feature{padding:80px 0}.feature__title{font-size:36px;font-weight:700;margin-bottom:40px;text-align:center;color:#00bf6f}.feature__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.feature__item{position:relative;background:#f9f9f9;padding:30px;border-radius:20px;text-align:center;box-shadow:0 4px 8px #0000001a;transition:all .3s ease-in-out}.feature__item:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003}.feature__item__title{font-size:24px;font-weight:700;margin:24px 0 10px}.feature__item__description{font-size:16px;color:#666;line-height:1.5}#works{padding:80px 0;background:linear-gradient(135deg,#81c784,#a5d6a7)}.works__title{font-size:36px;font-weight:700;margin-bottom:40px;text-align:center}.works__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.works__item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f9f9f9;padding:30px;border-radius:20px;text-align:center;transition:all .3s ease-in-out}.works__item:hover{transform:translateY(-10px);box-shadow:#00000059 0 5px 15px}.works__item_title{font-size:24px;font-weight:700;margin-bottom:20px}.works__item__description{font-size:16px;color:#353333}#users{padding:80px 0;background:linear-gradient(135deg,#a5d6a7,#c8e6c9)}.users__title{font-size:36px;font-weight:700;margin-bottom:40px;text-align:center}.users__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.users__item{position:relative;background:#f9f9f9;padding:30px;border-radius:20px;text-align:center;transition:all .3s ease-in-out}.users__item:hover{transform:translateY(-10px);box-shadow:#00000059 0 5px 15px}.users__item__title{font-size:18px;color:#333;margin-top:30px;margin-bottom:8px}.users__item__description{color:#666;font-size:16px;margin-bottom:20px}.users__item__name{margin:0 auto;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#f9f9f9;font-size:18px;font-weight:400;background:linear-gradient(135deg,#2fe99b,#04ad5e,#07bd71)}#ready{background:gray;padding:80px 0}.ready__title{font-size:36px;margin-bottom:40px;text-align:center;color:#fff}.ready__btn{text-align:center}.ready__btn button{padding:10px 20px;border:none;border-radius:20px;background:#f69a37;color:#fff;font-size:18px;font-weight:700;transition:all .3s ease-in-out}.ready__btn button:hover{background:#fff;color:#f69a37}
