.home{display:flex;padding:40px 20px 80px;flex-direction:column;gap:36px;max-width:578px;margin:0 auto;width:100%}.home__header{display:flex;flex-direction:column;gap:12px}.main-title{font-family:STIX Two Text;font-weight:400;font-size:var(--text-3xl);line-height:48px;margin:0;font-style:italic;color:var(--color-white)}.main-subtitle{font-size:var(--text-base);color:var(--color-gray-200);line-height:22px}.home__body{display:flex;flex-direction:column;gap:48px;color:var(--color-gray-300)}.home__section{display:flex;flex-direction:column;gap:24px}.section__subtitle{color:var(--color-white);font-size:var(--text-md);font-weight:500}.section__content{display:flex;gap:10px;flex-wrap:wrap}.container__pills{display:flex;padding-top:12px;gap:10px;flex-wrap:wrap}.pill{display:flex;padding:6px 12px;justify-content:center;align-items:center;gap:4px;border-radius:var(--radius-full);background:var(--color-blue-900);color:var(--color-blue-400);font-size:var(--text-xs)}.header__main-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.talk{display:flex;padding:8px 16px;gap:4px;border-radius:100px;background:var(--color-blue-900);color:var(--color-blue-400);font-size:15px;font-weight:400;border:none;height:fit-content;align-items:center;cursor:pointer}.work{gap:8px}.section__work-grid{display:flex;flex-direction:column;gap:32px;margin-top:8px}.container__work{display:flex;padding-top:16px;flex-direction:column;gap:4px}.work__title{color:var(--color-white);font-size:16px;font-weight:500;line-height:22px}.work__context{color:var(--color-gray-300);font-size:var(--text-base);line-height:var(--leading-loose)}.img__work{max-width:700px;border-radius:16px;margin-top:8px}.section__reviews{display:flex;flex-direction:column;gap:24px}.review__card{display:flex;padding:28px 20px;flex-direction:column;gap:20px;border-radius:16px;background:var(--color-gray-800)}.card__top{display:flex;flex-direction:row;gap:10px}.top__img{width:44px;height:44px;border-radius:var(--radius-full)}.top__main{display:flex;flex-direction:column;gap:6px}.main__client{display:flex;align-items:center;gap:4px}.client-name{color:var(--color-white);font-size:var(--text-base);font-weight:600}.client__work{color:var(--color-gray-300);font-size:16px}.card__paragraph{color:var(--color-white);font-size:var(--text-base);line-height:var(--leading-loose)}.contact-form{width:100%}.contact-form__field{margin-bottom:var(--space-6);position:relative}.contact-form__label{display:block;color:var(--color-white);font-size:var(--text-base);line-height:var(--leading-normal);margin-bottom:var(--space-3);font-weight:400}.contact-form__input,.contact-form__textarea{width:100%;background-color:var(--color-gray-800);border:2px solid transparent;border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-base);line-height:var(--leading-normal);padding:var(--space-4) var(--space-6);transition:border-color .3s ease,background-color .3s ease;outline:none}.contact-form__input--error,.contact-form__textarea.contact-form__input--error{border-color:var(--color-red-error, #bc0000)}.contact-form__error{display:block;color:var(--color-red-error, #bc0000);font-size:var(--text-sm);margin-top:var(--space-2);padding-left:var(--space-3);animation:fadeInError .4s cubic-bezier(.4,0,.2,1);opacity:1}@keyframes fadeInError{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.contact-form__textarea{border-radius:20px;max-height:250px;resize:vertical;min-height:120px;font-family:inherit}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--color-gray-400)}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--color-blue-400);background-color:var(--color-gray-700)}.contact-form__input--error:focus,.contact-form__textarea.contact-form__input--error:focus{border-color:var(--color-red-error, #bc0000)}.contact-form__input--filled{border-color:var(--color-blue-400)}.contact-form__input--filled:focus{border-color:var(--color-blue-400)}.contact-form__options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.contact-form__option{position:relative;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.contact-form__radio{position:absolute;opacity:0;pointer-events:none}.contact-form__option-text{display:inline-block;background-color:var(--color-gray-800);color:var(--color-gray-300);border:2px solid transparent;border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);font-size:var(--text-base);line-height:var(--leading-normal);white-space:nowrap;outline:none;transform:scale(1);will-change:transform;transition:border-color .3s ease,background-color .15s ease,color .15s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.contact-form__option-text--error{border-color:var(--color-red-error, #bc0000)}.contact-form__option:hover .contact-form__option-text{background-color:var(--color-gray-700)}.contact-form__radio:checked+.contact-form__option-text{border-color:var(--color-blue-400);color:var(--color-white)}.contact-form__radio:checked+.contact-form__option-text--error{border-color:var(--color-blue-400)}.contact-form__radio:focus-visible+.contact-form__option-text{outline:2px solid var(--color-blue-400);outline-offset:2px}.contact-form__submit{width:100%;background-color:var(--color-gray-100);border:none;border-radius:var(--radius-full);color:var(--color-black);font-size:var(--text-base);font-weight:500;line-height:var(--leading-normal);padding:var(--space-4) var(--space-6);cursor:pointer;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8);transform:scale(1);-webkit-tap-highlight-color:transparent;outline:none;height:48px}.contact-form__submit:active{transform:scale(.95)!important}.contact-form__submit:disabled{cursor:not-allowed}.contact-form__submit--loading{background-color:var(--color-gray-100);pointer-events:none}.contact-form__submit--loading:hover{transform:scale(1)}.contact-form__submit--success{background-color:#46a8ff;color:var(--color-white)}.contact-form__submit--success:hover{background-color:#46a8ff;transform:scale(1)}.contact-form__submit-text{font-weight:500}.contact-form__spinner{width:20px;height:20px;border:2px solid var(--color-gray-300);border-top-color:var(--color-black);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.contact-form__check-icon{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.contact-form__submit-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--color-blue-400);border-radius:50%;color:var(--color-white);font-size:var(--text-lg);transition:transform .25s cubic-bezier(.34,1.2,.64,1)}.contact-form__submit:hover .contact-form__submit-icon{transform:translate(4px)}.contact-form__alternative{text-align:center;color:var(--color-gray-300);font-size:var(--text-base);line-height:var(--leading-normal);margin-top:var(--space-6)}.contact-form__email{color:var(--color-white);text-decoration:underline;transition:color var(--transition-base)}.contact-form__email:hover{color:var(--color-blue-400)}.contact-form__success-message{text-align:center;color:var(--color-white);font-size:var(--text-base);line-height:var(--leading-normal);margin-top:var(--space-4);animation:fadeInSuccess .5s cubic-bezier(.4,0,.2,1);opacity:1}@keyframes fadeInSuccess{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-form__error--fading{animation:fadeOutError .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeOutError{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media(max-width:640px){.contact-form__options{gap:var(--space-2)}.contact-form__option-text{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.contact-form__input,.contact-form__textarea{font-size:var(--text-sm);padding:var(--space-3) var(--space-5)}.contact-form__submit{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.contact-form__alternative{font-size:var(--text-sm)}.contact-form__error{font-size:var(--text-xs)}}@media(min-width:640px){.main-title{font-size:56px;line-height:70px}}.contact-form__option-text:active{transform:scale(.94);transition-duration:.1s}@keyframes fieldShimmer{0%{background-position:100% center}to{background-position:-100% center}}.contact-form__field--success .contact-form__input,.contact-form__field--success .contact-form__textarea,.contact-form__field--success .contact-form__radio:checked+.contact-form__option-text{background:linear-gradient(90deg,var(--color-gray-800) 0%,var(--color-gray-800) 40%,var(--color-gray-700) 50%,var(--color-gray-800) 60%,var(--color-gray-800) 100%);background-size:400% auto;animation:fieldShimmer 1s ease-in-out}.contact-form__field--success:nth-child(1) .contact-form__input,.contact-form__field--success:nth-child(1) .contact-form__textarea{animation-delay:0ms}.contact-form__field--success:nth-child(2) .contact-form__input,.contact-form__field--success:nth-child(2) .contact-form__textarea{animation-delay:80ms}.contact-form__field--success:nth-child(3) .contact-form__option-text,.contact-form__field--success:nth-child(3) .contact-form__radio:checked+.contact-form__option-text{animation-delay:.16s}.contact-form__field--success:nth-child(4) .contact-form__option-text,.contact-form__field--success:nth-child(4) .contact-form__radio:checked+.contact-form__option-text{animation-delay:.24s}.contact-form__field--success:nth-child(5) .contact-form__input,.contact-form__field--success:nth-child(5) .contact-form__textarea{animation-delay:.32s}[data-theme=light] .contact-form__field--success .contact-form__input,[data-theme=light] .contact-form__field--success .contact-form__textarea,[data-theme=light] .contact-form__field--success .contact-form__radio:checked+.contact-form__option-text{background:linear-gradient(90deg,var(--color-gray-800) 0%,var(--color-gray-800) 40%,#ffffff 50%,var(--color-gray-800) 60%,var(--color-gray-800) 100%);background-size:400% auto}[data-theme=light] .contact-form__submit--success{background-color:#0061f2;color:#fff}[data-theme=light] .contact-form__submit--success:hover{background-color:#0061f2}[data-theme=light] .contact-form__submit--success .contact-form__check-icon{color:#fff}.contact-form__error-message{text-align:center;color:var(--color-red-error, #bc0000);font-size:var(--text-base);line-height:var(--leading-normal);margin-top:var(--space-4);animation:fadeInError .4s cubic-bezier(.4,0,.2,1)}
