*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}img{display:block;width:100%}[role=list]{list-style:none}body{font-family:"Roboto",Arial,Helvetica,sans-serif}h1,h2,h3{font-weight:700;font-size:clamp(2.5rem,1.796875rem + 3vw,3.5rem);line-height:1}h1,h2,h3,p,span,label,button{color:var(--color-accent)}label{font-weight:700;font-size:.75rem}p,span{line-height:1.5}span{font-size:.95rem;margin-top:0rem;font-weight:400}:root{--color-primary-1: hsl(346, 100%, 66%);--color-primary-2: hsl(4, 100%, 67%);--color-error-accent: rgba(255, 45, 94, 1);--color-error-bg: rgba(255, 45, 94, 0.1);--color-accent: hsl(234, 29%, 20%);--color-bg: hsl(235, 18%, 26%);--color-neutral-1: hsl(0, 0%, 0%);--color-neutral-2: hsl(0, 0%, 58%);--color-surface: hsl(0, 0%, 100%);--color-shadow: rgba(255, 4, 63, 0.3);--spacing-xs: 0.5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-lg-2: 2.5rem;--spacing-xl: 3rem;--spacing-xxl: 4rem}main{display:grid;place-content:center;min-height:97vh}.newsletter,.success{margin-inline:auto;max-width:23.4375rem}.newsletter{display:flex;flex-direction:column;background-color:var(--color-surface)}.newsletter.is-hidden{display:none}.newsletter__content,.newsletter__header{display:flex;flex-direction:column;gap:var(--spacing-sm)}.newsletter__content{padding:var(--spacing-lg) var(--spacing-md)}.newsletter__item{display:flex;gap:var(--spacing-sm)}.newsletter__list{display:grid;gap:var(--spacing-xs)}.newsletter__item span{display:inline-block}.newsletter__item::before{content:"";background:url("../assets/images/icon-list.svg") no-repeat center center;display:inline-block;width:1.3125rem;height:1.3125rem;flex-shrink:0}.form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.form__group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form__group-label{display:flex;justify-content:space-between}.form__label,.form__label-error{font-weight:700;font-size:.75rem}.form__input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-neutral-2);border-radius:.5rem}.form__input:focus{outline:none;border-color:var(---color-neutral-1)}.form__label-error{display:none;color:var(--color-error-accent);font-weight:500;line-height:1}.form__group.is-invalid .form__input{background-color:var(--color-error-bg);border-color:var(--color-error-accent)}.form__group.is-invalid .form__label-error{display:inline-block}.success{display:none;background-color:var(--color-surface);grid-template-rows:auto auto auto 1fr;align-content:start;gap:var(--spacing-sm);margin-top:12vh;min-height:85vh;padding:var(--spacing-lg) var(--spacing-md)}.success.is-visible{display:grid}.success__image{margin-bottom:var(--spacing-sm);width:4rem}.success__button-wrapper{align-self:end}@media screen and (min-width: 33em){.newsletter,.success{max-width:33rem}}@media screen and (min-width: 64em){body{background-color:var(--color-bg)}.newsletter{flex-direction:row-reverse;justify-content:center;padding:var(--spacing-sm);max-width:-moz-fit-content;max-width:fit-content;border-radius:1rem}.newsletter__content,.newsletter__header{gap:var(--spacing-md)}.newsletter__content{max-width:30rem;padding:var(--spacing-xxl) var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}.newsletter__list{gap:var(--spacing-sm)}.form{gap:var(--spacing-md)}.success{margin-top:unset;min-height:unset;border-radius:1rem;max-width:30rem;padding:var(--spacing-xl);gap:var(--spacing-lg)}}button{padding:var(--spacing-sm) var(--spacing-sm);width:100%;background-color:var(--color-accent);color:var(--color-surface);border:none;border-radius:.5rem;cursor:pointer}button:hover{background:linear-gradient(90deg, var(--color-primary-1) 0%, var(--color-primary-2) 100%);box-shadow:0 8px 24px 0 var(--color-shadow)}/*# sourceMappingURL=style.css.map */