:root{--paleViolet: #d89eff;--moderateViolet: #9241c8;--desaturatedDarkViolet: #6e5d7e;--grayishBlue: #c6cacd;--veryDarkDesaturatedViolet: #3e2753;--darkGrayishViolet: #a39daa;--msgBg: #e9ddf7;--lightMagenta: #e942ff;--lightViolet: #8838ff;--white: #FFFFFF;--lightGrayishViolet: #f5f3f7;--veryLightMagenta: #e570ff}*{padding:0;margin:0}html{box-sizing:border-box;font-size:62.5%}*,*:after,*:before{box-sizing:border-box}body{font-family:Rubik,sans-serif;font-size:1.6rem;position:relative;height:100vh}.curve-1{width:22rem;height:55rem;position:absolute;top:0;background-image:linear-gradient(to bottom,var(--lightMagenta),var(--lightViolet));border-bottom-right-radius:20rem;z-index:-10}@media (min-width: 1600px){.curve-2{width:60rem;height:90rem;position:absolute;right:0;bottom:0;background-color:var(--lightGrayishViolet);opacity:.4;border-top-left-radius:30rem;border-top-right-radius:30rem;z-index:-10}}@media (min-width: 768px){.curve-1{width:40rem;height:70rem;border-bottom-right-radius:100rem;border-bottom-left-radius:100rem}}@media (min-width: 992px){.curve-1{width:50rem;height:70rem;border-bottom-right-radius:100rem;border-bottom-left-radius:100rem}}@media (min-width: 1400px){.curve-1{width:50rem;height:80rem;border-bottom-right-radius:100rem;border-bottom-left-radius:100rem}}@media (min-width: 1600px){.curve-1{width:60rem;height:80rem;border-bottom-right-radius:100rem;border-bottom-left-radius:100rem}}h1,h2,h3,h4,h5,h6{margin:0}.container{width:min(95%,120rem);margin-inline:auto}@media (min-width: 992px){.content{display:flex;align-items:center;gap:10rem}}.title,.paragraph{text-align:center}@media (min-width: 992px){.title,.paragraph{text-align:start}}.title{font-size:4rem;margin-top:6rem;color:var(--veryDarkDesaturatedViolet);font-weight:500}@media (min-width: 992px){.title{font-size:5rem}}.paragraph{color:var(--darkGrayishViolet);line-height:1.7;margin-top:2rem}@media (min-width: 992px){.paragraph{font-size:1.8rem}}.phone{display:grid;place-items:center;padding-top:10rem}.app{height:auto;width:32rem;background-color:var(--white);box-shadow:#ffffff1a 0 1px 1px inset,#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px;border-radius:3rem;padding:1rem;position:relative;animation:appOpacity 1.8s ease-in-out}@keyframes appOpacity{0%{transform:translateY(-100rem)}to{transform:translateY(0)}}.app__noch{position:absolute;left:50%;transform:translate(-50%);z-index:100}.noch{content:"";width:15rem;height:2.5rem;background-color:var(--white);border-radius:.2rem .2rem 2rem 2rem}.app__bg{background-color:var(--lightGrayishViolet);height:100%;border-radius:3rem;padding-bottom:1.5rem}.app__header{display:grid;grid-template-columns:10% 65% 25%;align-items:center;column-gap:2rem;background-image:linear-gradient(to right,var(--lightViolet),var(--lightMagenta));border-radius:3rem 3rem .7rem .7rem;padding:4rem 1rem 1.5rem}.app__arrow,.app__dots{cursor:pointer}.app__arrow{width:3rem}.app__user{display:flex;align-items:center;gap:1rem}.app__user-img{width:3rem;height:3rem;border:1px solid white;border-radius:20rem}.app__user-flex{display:flex;flex-direction:column;gap:.2rem}.app__user-name{font-size:1.5rem;color:var(--lightGrayishViolet);font-weight:500}.app__user-status{font-size:1rem;font-weight:400;color:var(--paleViolet)}.app__main{padding:.8rem}.block-1{display:flex;flex-direction:column;gap:1rem;margin-top:.8rem}.msg{width:18rem;background-color:var(--msgBg);padding:1rem;border-radius:1rem 1rem 1rem .5rem}.block-1 .msg:nth-child(1){animation:msg1 1s ease-in-out;animation-delay:.1s}@keyframes msg1{0%{transform:translateY(-100rem)}to{transform:translateY(0)}}.block-1 .msg:nth-child(2){animation:msg2 1s ease-in-out;animation-delay:.2s}@keyframes msg2{0%{transform:translateY(-100rem)}to{transform:translateY(0)}}.msg__text{font-size:1.1rem;color:var(--moderateViolet)}.block-2{margin-top:2rem;display:flex;flex-direction:column;align-items:end;gap:1rem}.imgs{display:flex;gap:1rem}.img-dog{width:5rem;border-radius:1rem}.imgs img:nth-child(1){animation:img1 1s ease-in-out;animation-delay:.3s}@keyframes img1{0%{transform:translateY(-100rem)}to{transform:translateY(0)}}.imgs img:nth-child(2){animation:img2 1s ease-in-out;animation-delay:.4s}@keyframes img2{0%{transform:translateY(-100rem)}to{transform:translateY(0)}}.imgs img:nth-child(3){animation:img3 1s ease-in-out;animation-delay:.5s}@keyframes img3{0%{transform:translateY(-100rem)}to{transform:translateY(0)}}.msg--right{background-color:var(--white);box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:1rem 1rem .5rem;max-width:18rem;width:max-content}.block-2 .msg--right{animation:msgr1 1s ease-in-out;animation-delay:.6s}@keyframes msgr1{0%{transform:translateY(-100rem)}to{transform:translateY(0)}}.msg__text--right{color:var(--desaturatedDarkViolet)}.block-3{margin-top:3rem;display:flex;flex-direction:column;gap:1rem}.block-3 .msg{animation:msg3 1s ease-in-out;animation-delay:.7s}.price-box{background-image:linear-gradient(to left,var(--lightViolet),var(--lightMagenta));width:20rem;padding:1rem;border-radius:1rem 1rem 1rem .5rem;display:flex;align-items:center;justify-content:space-between}.block-3 .price-box-1{animation:msg3 1s ease-in-out;animation-delay:.8s}@keyframes msg3{0%{transform:translateY(-100rem)}to{transform:translateY(0)}}.block-3 .price-box-2{animation:msg4 1s ease-in-out;animation-delay:.9s}@keyframes msg4{0%{transform:translateY(-100rem)}to{transform:translateY(0)}}.price-box input[type=radio]{all:unset;width:1.5rem;height:1.5rem;border:1px solid var(--veryLightMagenta);border-radius:20rem}.price-box__text{font-size:1rem;font-weight:400;color:var(--lightGrayishViolet)}.price-box__price{font-weight:700;color:var(--white);font-size:1.4rem}.footer{margin:1.5rem 1rem 0;padding:.5rem;background-color:var(--white);display:flex;justify-content:space-between;align-items:center;border-radius:3rem}.footer input[type=text]{border:none;padding-left:1rem;font-size:1.3rem;color:var(--desaturatedDarkViolet)}.footer input[type=text]::placeholder{color:var(--grayishBlue);font-size:1.3rem}.footer input[type=text]:focus-visible{outline:none}.footer__btn{background-color:var(--veryDarkDesaturatedViolet);border:none;padding:.5rem;border-radius:20rem;display:flex;justify-content:center;align-items:center;cursor:pointer}