:root{--color-primary: hsl(4, 100%, 67%);--color-neutral-800: hsl(234, 29%, 20%);--color-neutral-700: hsl(235, 18%, 26%);--color-grey: hsl(0, 0%, 58%);--color-white: hsl(0, 0%, 100%);--color-text: var(--color-neutral-700);--color-background: var(--color-neutral-700);--font-size: 16;--font-family: Roboto-regular;--font-family-bold: Roboto-bold;--app-max-width: 90rem}html{font-size:var(--font-size)}@font-face{font-family:Roboto-regular;src:url(/newsletter-sign-up-form/assets/Roboto-Regular-Dj9u0zRN.ttf)}@font-face{font-family:Roboto-bold;src:url(/newsletter-sign-up-form/assets/Roboto-Bold-BnrYUwvd.ttf)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.5;font-family:var(--font-family),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0 auto}.c-sign-up[data-v-27e19b18]{margin-block-start:13.7rem;margin-inline:auto;padding:1.5rem;overflow:hidden;inline-size:100%;max-inline-size:58rem;background-color:var(--color-white);display:grid;grid-template-columns:auto 45.5%;gap:1.6rem;border-radius:2rem}@media (max-width: 1000px){.c-sign-up[data-v-27e19b18]{display:flex;flex-direction:column;max-inline-size:30rem;margin-block-start:5rem;padding:0}}@media (max-width: 450px){.c-sign-up[data-v-27e19b18]{margin-block-start:0;border-radius:0}}.c-sign-up__heading[data-v-27e19b18]{order:1;overflow:hidden}@media (max-width: 1000px){.c-sign-up__heading[data-v-27e19b18]{order:-1}}.c-sign-up__image-illustration[data-v-27e19b18]{display:block;inline-size:100%;block-size:auto}@media (max-width: 1000px){.c-sign-up__image-illustration[data-v-27e19b18]{block-size:auto;padding-inline:1rem;padding-top:.35rem}}.c-sign-up__content-wrapper[data-v-27e19b18]{padding-block:3.65rem;padding-inline:2.4rem;order:0}@media (max-width: 1000px){.c-sign-up__content-wrapper[data-v-27e19b18]{padding-block:.5rem;padding-inline:1.5rem;padding-block-end:2.5rem}}.c-sign-up__header[data-v-27e19b18]{font-family:var(--font-family-bold);font-size:3.52rem;color:var(--color-neutral-800)}@media (max-width: 1000px){.c-sign-up__header[data-v-27e19b18]{font-size:2.46rem}}.c-sign-up__description[data-v-27e19b18]{margin-block-start:.6rem;letter-spacing:.004rem}@media (max-width: 1000px){.c-sign-up__description[data-v-27e19b18]{margin-block-start:.9rem}}.c-sign-up__benefits-list[data-v-27e19b18]{margin-block-start:1.5rem;list-style-type:none;display:flex;flex-direction:column;gap:.6rem}@media (max-width: 1000px){.c-sign-up__benefits-list[data-v-27e19b18]{margin-block-start:1.55rem}}.c-sign-up__benefit[data-v-27e19b18]{display:flex;align-items:center;gap:1rem}@media (max-width: 1000px){.c-sign-up__benefit[data-v-27e19b18]{align-items:flex-start}}.c-sign-up__form[data-v-27e19b18]{margin-block-start:2.6rem;display:flex;flex-direction:column}.c-sign-up__input-info[data-v-27e19b18]{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.c-sign-up__label[data-v-27e19b18]{font-family:var(--font-family-bold)}.c-sign-up__email-adress-error[data-v-27e19b18]{color:red}.c-sign-up__email-adress-input[data-v-27e19b18]{margin-block-start:.5rem;padding:1rem 1.3rem;font-size:1rem;color:var(--color-grey);letter-spacing:-.05rem;border:.0625rem solid var(--color-grey);border-radius:.5rem;cursor:pointer}.c-sign-up__email-adress-input--error[data-v-27e19b18]{color:red;border-color:red;background-color:pink}.c-sign-up__submit-button[data-v-27e19b18]{margin-block-start:1.6rem;inline-size:100%;block-size:3.5rem;display:grid;place-items:center;font-family:var(--font-family-bold);font-size:1rem;color:var(--color-white);background-color:var(--color-neutral-800);border:none;border-radius:.5rem;cursor:pointer}.c-sign-up__submit-button[data-v-27e19b18]:hover{background-color:var(--color-primary);color:var(--color-white)}@media (max-width: 1000px){.c-sign-up__submit-button[data-v-27e19b18]{margin-block-start:1.4rem}}.c-success-message[data-v-7b2f7c77]{background-color:var(--color-white);margin-block-start:17.5rem;margin-inline:auto;padding-block-start:3rem;padding-block-end:4rem;padding-inline:4rem;inline-size:100%;max-inline-size:31.5rem;border-radius:2rem}@media (max-width: 375px){.c-success-message[data-v-7b2f7c77]{margin-block-start:0;border-radius:0;padding-block-start:9.3rem;padding-inline:1.5rem}}.c-success-message__header[data-v-7b2f7c77]{font-family:var(--font-family-bold);font-size:3.52rem;color:var(--color-neutral-800);margin-block-start:2rem;line-height:1}@media (max-width: 1000px){.c-success-message__header[data-v-7b2f7c77]{font-size:2.46rem;margin-block-start:2.2rem}}.c-success-message__details[data-v-7b2f7c77]{margin-block-start:1.5rem}.c-success-message__dismiss-button[data-v-7b2f7c77]{margin-block-start:2.5rem;inline-size:100%;block-size:3.5rem;display:grid;place-items:center;font-family:var(--font-family-bold);font-size:1rem;color:var(--color-white);background-color:var(--color-neutral-800);border:none;border-radius:.5rem;cursor:pointer}@media (max-width: 375px){.c-success-message__dismiss-button[data-v-7b2f7c77]{margin-block-start:16.5rem}}.c-success-message__dismiss-button[data-v-7b2f7c77]:hover{background-color:var(--color-primary);color:var(--color-white)}.attribution[data-v-ffaec9c9]{border:.0625rem solid var(--color-white);font-family:monospace;text-align:center;padding:.5rem 1rem}.attribution a[data-v-ffaec9c9]{color:var(--color-primary)}.p-main[data-v-d5a69638]{padding-inline:2.5rem;min-block-size:100vh}@media (max-width: 450px){.p-main[data-v-d5a69638]{padding-inline:0}}.p-footer[data-v-d5a69638]{display:grid;place-items:center;color:var(--color-white);margin:1rem}