*{margin:0;padding:0}@font-face{font-family:roboto-bold;src:url(/assets/Roboto-Bold-39a2f9d2.ttf)}@font-face{font-family:roboto;src:url(/assets/Roboto-Regular-7277cfb8.ttf)}body{font-family:roboto;color:#242742;background-color:#242742}a{text-decoration:none;color:inherit}.main-container{box-sizing:border-box;background-color:#fff;width:64%;margin:0 auto;padding:18px 18px 18px 50px;border-radius:25px;display:flex;gap:4rem;justify-content:space-between;align-items:center}.illustration{background:url(/assets/illustration-sign-up-desktop-e07b7486.svg);background-repeat:no-repeat;background-position:center;width:55%;height:90vh}.form{text-align:center;border:1px solid hsl(234,29%,20%);background-color:#fff;width:50%;height:90vh}.title{color:#242742;font-family:roboto-bold;text-align:center;font-size:40px}ul{margin-top:2rem;padding:0}.list-item{list-style:none;margin-bottom:1.5rem;height:1rem}.list{display:flex;justify-content:flex-start;gap:1.3rem}.bullet{background:url(/assets/icon-list-6857b62e.svg);width:22px;height:21px}.input-container{display:flex;flex-direction:column;gap:.5rem}.input-label{align-self:flex-end;font-size:11px;font-weight:bolder}.email-input-field{font-family:inherit;padding:15px 10px;border-radius:10px;border:1px solid hsl(234,29%,20%);font-size:large}.email-input-field:focus{outline:1px solid hsl(234,29%,20%);border:none}.subscribe-btn{cursor:pointer;color:#fff;background-color:#242742;font-family:roboto-bold;font-size:small;text-align:center;border-radius:10px;font-weight:bolder;margin-top:2rem;padding:15px 30px;width:85%;border:none}.subscribe-btn:hover{box-shadow:0 4px 10px #ff69b4,0 -4px 400px tomato;background-image:linear-gradient(to right,hotpink,tomato)}.err-input:focus{outline:1px solid hsl(0,56%,61%);background-color:#d364642c;border:none;color:#d36464}.labels{display:flex;justify-content:space-between}.err-msg{font-family:roboto-bold;font-size:13px;width:max-content;color:#d36464}@media screen and (max-width: 375px){.main-container{flex-direction:column-reverse;justify-content:center;width:100%;min-height:100vh;gap:10px;border-radius:0;padding:0}.illustration{background:url(/assets/illustration-sign-up-mobile-228553d5.svg);background-repeat:no-repeat;background-size:contain;width:100%;height:24vh}.title{margin-bottom:2rem}.form{border:1px solid violet;text-align:center;background-color:#fff;padding-bottom:20px;width:50%;margin-left:1rem}.input-container{display:block;margin-left:auto;margin-right:auto;width:80%;padding:0}.email-input-field{width:100%;margin:0 auto}.subscribe-btn{margin:1rem auto;width:70%}}@font-face{font-family:roboto;src:url(/assets/Roboto-Regular-7277cfb8.ttf)}@font-face{font-family:roboto-bold;src:url(/assets/Roboto-Bold-39a2f9d2.ttf)}body{font-family:roboto;text-align:start}.container{box-sizing:border-box;background-color:#fff;width:30%;margin:6rem auto;padding:10px 50px 50px;border-radius:25px;text-align:left;position:relative;display:block}.success{position:absolute;top:3rem;left:3rem;background:url(/assets/icon-success-8cd8eb62.svg);width:64px;height:64px}.thanks{font-family:roboto-bold;font-size:50px;text-align:start;margin-right:auto;margin-top:8rem;margin-bottom:2rem}.msg{text-align:start;margin-top:0;margin-bottom:2rem}.dismiss-msg{margin:0 auto;padding:15px 30px;width:80%;text-align:center;font-family:roboto-bold;border-radius:10px;font-size:small;background-color:#242742;color:#fff}.dismiss-msg:hover{box-shadow:0 4px 10px #ff69b4,0 -4px 400px tomato;background-image:linear-gradient(to right,hotpink,tomato)}@media screen and (max-width:375px){.container{margin:0;width:100%;height:100vh;border-radius:0;padding-right:1rem;padding-left:1.4rem}.dismiss-msg{margin-left:auto;margin-right:auto;margin-top:8rem}}