html{scroll-behavior:smooth}body{background:#f8fafc;color:#1f2937}h2{font-size:38px;font-weight:700}p{color:#6b7280;line-height:1.65}.page-header{min-height:88px;background:rgba(255,255,255,.95);border-bottom:1px solid #e5e7eb}.page-header.is-fixed{box-shadow:0 8px 24px rgba(15,23,42,.08)}.page-header__inner{padding:0 28px}.page-header__logo{margin:18px 0 0}.page-header__nav{margin:22px 0 0;background:transparent}.page-header__nav li{margin-left:8px}.page-header__nav-link{padding:10px 14px;border-radius:999px;font-weight:700;letter-spacing:.03em;color:#334155}.promo{position:relative;min-height:560px;padding:120px 0 90px;overflow:hidden}.promo:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(2,6,23,.72),rgba(27,188,155,.32))}.promo>*{position:relative;z-index:1}.promo__title{margin-bottom:24px;font-size:64px}.promo__title span{color:#5eead4}.promo__descr{max-width:660px;margin:0 auto 42px;font-size:20px;line-height:1.55;color:#f8fafc}.promo__btn{display:inline-block;min-width:164px;height:48px;padding:15px 22px 0;border-radius:999px;box-shadow:0 12px 30px rgba(16,185,129,.35);font-size:13px;font-weight:700;letter-spacing:.06em}.portfolio{padding:90px 0 70px}.portfolio__descr,.team__descr,.contact__descr{font-size:17px}.portfolio__filter-btn{border-radius:999px;padding:11px 15px;font-size:13px;font-weight:700;letter-spacing:.03em;color:#334155;background:#e2e8f0}.portfolio__filter-btn:hover,.portfolio__filter-btn.is-selected{color:#fff;background:#1bbc9b}.portfolio__item{width:220px;height:220px;margin:0 18px 34px;border-radius:18px;box-shadow:0 14px 30px rgba(15,23,42,.1)}.portfolio__item-img{width:100%;object-fit:cover}.portfolio__item-caption{border-radius:18px;padding-top:72px;background:linear-gradient(140deg,rgba(15,23,42,.82),rgba(27,188,155,.72))}.team{padding:88px 0 64px;background:linear-gradient(145deg,#0f766e,#14b8a6)}.team__member{width:280px;margin:0 14px 30px;border-radius:18px;overflow:hidden;box-shadow:0 18px 35px rgba(15,23,42,.18)}.team__member-info{min-height:210px;padding:22px 18px 18px}.contact{padding:88px 0 76px;background:#f1f5f9}.contact__form,.contact__card{border-radius:16px;border:1px solid #dbe4ee;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.08)}.contact__form{padding:26px}.contact__form-input,.contact__form-tarea{border:1px solid #cbd5e1;border-radius:12px;font-style:normal;color:#334155}.contact__form-input:focus,.contact__form-tarea:focus{outline:none;border-color:#1bbc9b;box-shadow:0 0 0 3px rgba(27,188,155,.15)}.contact__form-submit{width:132px;height:44px;border-radius:999px;box-shadow:0 10px 20px rgba(16,185,129,.28);font-size:13px;font-weight:700;letter-spacing:.06em}.page-footer{background:#0f172a}.page-footer__copyright{color:#cbd5e1}.page-footer__gotop{border-radius:12px;box-shadow:0 10px 20px rgba(16,185,129,.3)}@media screen and (max-width:1000px){.portfolio__item{width:200px;height:200px}.team__member{width:250px}}@media screen and (max-width:800px){.portfolio__item{width:210px;height:210px}.team__member{width:220px}}@media screen and (max-width:640px){.promo__title{font-size:42px}.promo__descr{font-size:17px}.team__member{width:260px}}@media screen and (max-width:480px){.page-header__inner{padding:0 12px}.portfolio__filter-btn{min-width:180px}}