:root{--primary:#56e6af;--bkg:224, 35%, 11%;--form:#2b334a;--brand:#5b678b;--text:#c2cbe5;--white:#fff;--hover:#b3ffe2;--error:red;--ff-primary:"Chivo", sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}input,button{border:none;border-radius:3.75rem;outline:none}input,input::placeholder,button{font-family:var(--ff-primary);font-size:.875rem;font-weight:600}input,input::placeholder{color:var(--text)}body{font-family:var(--ff-primary);color:var(--text);background:url(../assets/mobile/image-host.jpg) 0 0/cover no-repeat;font-size:1.125rem;font-weight:100}.main_cont{background:hsla(var(--bkg), .8);min-height:100vh}.container{padding-inline:1.5rem}.hero{text-align:center;display:block}.hero img{margin:3.8rem 0 3.3rem}.hero__content{text-align:center;flex-direction:column;display:flex}.hero__content h1{color:var(--primary);text-transform:uppercase;align-self:center;font-size:1.625rem;font-weight:100;line-height:2.375rem}.hero__content h1 span{color:var(--white)}.hero__content p{margin-top:1rem;font-size:.938rem;line-height:1.563rem}.content--brands{order:2;justify-content:space-around;align-items:center;gap:.25rem;margin-top:2.1rem;display:flex}.content--brands img{height:1rem}.content--brands img:nth-child(3){height:.72rem}.content--form{flex-direction:column;gap:1rem;margin-top:3rem;display:flex}.content--form input{background:var(--form);width:100%;height:3rem;padding:0 2rem}.content--form button{background:var(--primary);width:100%;height:2.8rem;padding:0}.content--form button:hover{background:var(--hover)}.content--welcome{min-height:4.6rem;color:var(--primary)}.content--welcome span{margin-top:1rem;font-size:.875rem;display:block}.content--welcome span a{color:var(--primary);font-weight:600}.content--error{color:var(--error);cursor:pointer;height:1rem;margin-top:.5rem;margin-bottom:-1.35rem;margin-left:2rem;font-size:.75rem;font-weight:600}@media screen and (width>=48em){body{background:hsl(var(--bkg))}.main_cont{background:0 0;flex-direction:column;justify-content:space-between;padding-left:2.4rem;display:flex}.container{background:url(../assets/tablet/image-host.jpg) 100% 0 no-repeat;max-width:68rem;height:48rem;padding:0;position:relative}.hero{text-align:left}.hero img{margin:3.15rem 0 0 .01rem}.hero__content{background:hsl(var(--bkg));text-align:left;max-width:39.75rem;max-height:31.85rem;padding-top:5.8rem;padding-right:1rem;position:absolute;bottom:0}.hero__content h1{letter-spacing:.01rem;align-self:baseline;font-size:3rem;line-height:3.5rem}.hero__content>p{width:40ch;margin-top:1.9rem;font-size:1.125rem;line-height:1.75rem}.content--form{width:26.688rem;min-height:3.5rem;margin-top:2.5rem;position:relative}.content--form input{background:var(--form);width:100%;height:100%;padding:0 2rem;position:absolute;left:0}.content--form button{cursor:pointer;background:var(--primary);width:10.125rem;height:calc(100% - .66rem);color:hsl(var(--bkg));margin:.33rem;padding:0;position:absolute;right:0}.content--brands{opacity:.5;z-index:2;order:3;justify-content:flex-start;gap:2.5rem;margin-top:4rem}.content--brands img{height:1.8rem;transition:all .3s}.content--brands img:hover{cursor:pointer;transform:scale(1.1)}.content--brands img:nth-child(3){height:1.2rem}.content--brands img:nth-child(4){margin-left:-1.2rem}.hero__pattern{background:url(../assets/desktop/bg-pattern-dots.svg) no-repeat;height:6.6rem;margin-left:-.5rem}}@media screen and (width>=68em){.main_cont{justify-content:center;max-width:90rem;margin:auto}.container{background:url(../assets/desktop/image-host.jpg) 100% 0 no-repeat;align-self:flex-end;width:100%;max-width:79.65rem;height:40rem;margin-top:3.2rem}.hero img{margin-top:-1.7rem;margin-left:-.05rem}.hero__content{max-width:45.2rem;max-height:31.8rem;padding-top:4.55rem}.hero__content h1{color:var(--primary);text-transform:uppercase;margin-top:1rem;margin-left:-.03rem;font-size:3.25rem;font-weight:100;line-height:3.9rem}.hero__content h1 span{color:var(--white);letter-spacing:-.01rem}.hero__content p{max-width:40ch;margin-top:1.44rem}.content--brands img:nth-child(4){height:1.6rem}.hero__pattern{z-index:1;background-position:100% 100%;width:100%;margin-top:-3.35rem;margin-left:0}}