*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--color-red:#ff6257;--color-blue-800:#242742;--color-blue-700:#36384e;--color-grey:#949494;--color-white:#fff}@font-face{font-family:Roboto;src:url(/challenge__newsletter-sign-up/fonts/Roboto-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/challenge__newsletter-sign-up/fonts/Roboto-Bold.ttf)format("truetype");font-weight:700;font-style:normal}html{font-size:16px}body{background-color:var(--color-blue-800);flex-direction:column;min-height:100vh;font-family:Roboto,sans-serif;display:flex}.layout{background-color:var(--color-white);flex-direction:column;flex-grow:1;display:flex;container-type:inline-size}.container{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;max-width:928px;margin:0 auto;display:flex;position:relative}.container .card{display:flex}.container[data-state=success] .card,.container .success{display:none}.container[data-state=success] .success{display:flex}ul{padding:0;list-style:none}ul li{color:var(--color-blue-800);align-items:flex-start;gap:12px;margin-bottom:12px;font-size:16px;font-weight:400;line-height:24px;display:flex}.card{background-color:var(--color-white);flex-direction:column;display:flex}@media (width<=927px){.card{flex-grow:1}}@media (width>=928px){.card{border-radius:24px;flex-direction:row-reverse;gap:24px;padding:24px}}.card__cover{aspect-ratio:375/284;object-fit:cover;border-radius:0 0 12px 12px}@media (width>=928px){.card__cover{aspect-ratio:400/592;border-radius:12px;min-width:400px}}.card__content{flex-direction:column;display:flex}@media (width<=927px){.card__content{flex-grow:1;padding:32px 24px}}@media (width>=928px){.card__content{justify-content:center;padding:0 40px}}.card__title{color:var(--color-blue-800);margin-bottom:12px;font-size:40px;font-weight:700}@media (width>=928px){.card__title{margin-bottom:23px;font-size:56px;line-height:56px}}.card__description{color:var(--color-blue-800);margin-bottom:24px;font-size:16px;font-weight:400}@media (width>=928px){.card__description{margin-bottom:24px}}.card__list{margin-bottom:30px}.card__list-item{color:var(--color-blue-800);align-items:flex-start;gap:16px;margin-bottom:10px;font-size:16px;font-weight:400;line-height:24px;display:flex}.card__form{flex-direction:column;gap:24px;display:flex}@media (width<=927px){.card__form{margin-top:auto}}.input{flex-direction:column;gap:8px;display:flex;position:relative}.input__label,.input__error{color:var(--color-blue-800);font-size:12px;font-weight:700}.input__error{color:var(--color-red);display:none;position:absolute;top:0;right:0}.input:has(.input__field:user-invalid) .input__error{display:block}.input__field{box-shadow:0 0 0 1px inset var(--color-grey);background-color:var(--color-white);color:var(--color-blue-800);border:none;border-radius:8px;outline:none;min-height:56px;padding:16px 24px;font-size:16px;font-weight:400;transition:box-shadow .15s ease-out}.input__field::placeholder{color:var(--color-grey)}.input__field:focus{box-shadow:0 0 0 1px inset var(--color-blue-800)}.input__field:user-invalid{color:var(--color-red);box-shadow:0 0 0 1px inset var(--color-red);background-color:#ff62571a}.button{min-height:56px;color:var(--color-white);cursor:pointer;background:linear-gradient(90deg,#ff5277,#ff673d);border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:700;position:relative}.button:before{content:"";background:var(--color-blue-800);border-radius:8px;width:100%;height:100%;transition:background .15s ease-out;position:absolute;top:0;left:0}.button:hover:before{background:0 0}.button span{z-index:1;position:relative}.success{background-color:var(--color-white);flex-direction:column;width:100%;max-width:505px;padding:150px 24px 40px;display:flex}@media (width<=504px){.success{flex-grow:1}}@media (width>=505px){.success{border-radius:36px;padding:48px 64px 64px}}.success__icon{width:64px;height:64px;margin-bottom:38px}@media (width>=505px){.success__icon{margin-bottom:42px}}.success__title{color:var(--color-blue-800);margin-bottom:24px;font-size:40px;font-weight:700;line-height:40px}@media (width>=505px){.success__title{margin-bottom:24px;font-size:56px;line-height:56px}}.success__description{color:var(--color-blue-800);margin-bottom:24px;font-size:16px;font-weight:400}@media (width>=505px){.success__description{margin-bottom:40px}}.success__button{margin-top:auto}.attribution{text-align:center;width:100%;font-size:.6875rem;position:absolute;bottom:8px;left:0}.attribution a{color:#3e52a3}