:root{--red:#ff6257;--blue-800:#242742;--blue-700:#36384e;--grey:#949494;--white:#fff}html{height:100%;overflow:hidden}body{color:var(--blue-800);background-color:var(--blue-700);flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:100%;margin:0;font-family:Roboto,sans-serif;font-size:16px;display:flex;overflow:hidden}.container{background-color:var(--white);border-radius:30px;flex-direction:row;justify-content:center;align-items:center;width:750px;height:500px;padding:20px;display:flex}.subcontainer{text-align:left;flex-direction:column;justify-content:start;align-items:flex-start;gap:10px;width:100%;height:100%;padding-left:25px;display:flex}.title{padding-top:60px;font-size:50px;font-weight:700}.text{width:350px;padding-top:6px;font-size:14.5px;font-weight:400}ul{width:350px;margin:0;padding-left:0;font-size:14.5px;list-style:none}li{align-items:flex-start;gap:10px;padding-top:10px;display:flex}li:before{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%3e%3cg%20fill='none'%3e%3ccircle%20cx='10.5'%20cy='10.5'%20r='10.5'%20fill='%23FF6155'/%3e%3cpath%20stroke='%23FFF'%20stroke-width='2'%20d='M6%2011.381%208.735%2014%2015%208'/%3e%3c/g%3e%3c/svg%3e") 0 0/contain;width:20px;height:20px}form{flex-direction:column;justify-content:start;align-items:flex-start;width:350px;padding-top:20px;display:flex}.email-container{justify-content:space-between;align-items:center;width:100%;font-size:12px;font-weight:700;display:flex}.error-message{color:var(--red);display:none}input{border:1px solid var(--grey);border-radius:8px;width:320px;margin-top:10px;padding:15px;font-size:14.5px}button{background-color:var(--blue-800);color:var(--white);border:none;border-radius:8px;width:100%;margin-top:15px;padding:15px;font-size:14.5px;font-weight:700}.image{height:500px;padding-left:20px}.success-container{background-color:var(--white);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:375px;padding:3rem;display:none}.success-image{align-self:flex-start;width:50px;padding-bottom:25px}.success-title{text-align:left;width:100%;padding-bottom:20px;font-size:50px;font-weight:700}.success-text{width:100%;padding-bottom:30px;font-size:14.5px;font-weight:400}@media screen and (width<=850px){*,:before,:after{box-sizing:border-box}body{justify-content:flex-start;align-items:stretch}.container{background-color:var(--white);border-radius:25px 25px 0 0;flex-direction:column-reverse;width:100%;min-height:100vh;padding:0;display:flex}.image{border-radius:0 0 5px 5px;width:100%;height:auto;padding:0;display:block}.subcontainer{flex:1;justify-content:flex-start;gap:18px;width:auto;padding:40px 24px}.title{margin-top:0;padding-top:4px;font-size:42px}.text{width:100%;padding-top:0;font-size:16.5px}ul{width:100%;font-size:16.5px}form{align-items:center;width:100%;padding-top:0}.email-container{box-sizing:border-box;width:100%;margin-top:15px;font-size:14px}input{box-sizing:border-box;width:100%;margin-top:6px;padding:18px 20px;font-size:16.5px}button{box-sizing:border-box;width:100%;margin-top:20px;padding:18px 20px;font-size:16.5px}.success-container{border-radius:0;justify-content:flex-start;align-items:flex-start;gap:20px;width:100%;min-height:100vh;padding:80px 24px 30px}.success-title{padding-bottom:0;font-size:42px}.success-text{padding-bottom:0;font-size:16.5px}.success-container button{box-sizing:border-box;width:100%;margin-top:auto;margin-bottom:0;padding:18px 20px;font-size:16.5px}}.attribution{display:none}