@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Kumbh+Sans:wght@100..900&family=Lexend+Deca:wght@100..900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Overpass:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Tagesschrift&family=Work+Sans:ital,wght@0,100..900;1,100..900&family=Young+Serif&display=swap";:root{--Red: hsl(0, 100%, 74%);--Green: hsl(154, 59%, 51%);--Blue: hsl(248, 32%, 49%);--Dark-Blue: hsl(249, 10%, 26%);--Grayish-Blue: hsl(246, 25%, 77%)}*{margin:0;padding:0;box-sizing:border-box}body{font-size:16px;font-family:Work Sans,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/assets/bg-intro-mobile-CJlk9__V.png);background-color:var(--Red);background-position:center;background-size:cover;min-height:100vh}.main{width:100%;display:flex;flex-direction:column;max-width:500px}.header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:2.3rem}.header .header_title{color:#fff;padding:6rem 1.2rem 1.1rem;text-align:center;font-size:2.3rem;font-weight:700}.header .header_subtitle{color:#fff;padding:0rem 1.5rem 1.5rem;text-align:center;font-size:1.2rem;line-height:1.7;font-weight:400}.signup_page{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0rem 1.5rem}.subscription_page{width:100%;background-color:var(--Blue);text-align:center;font-size:1.2rem;padding:1rem 3rem;text-wrap:wrap;border-radius:10px;box-shadow:0 .5rem #00000025}.subscription_page p{line-height:1.5;width:1;color:#fff}.input_page{display:flex;flex-direction:column;background-color:#fff;margin-top:1.5rem;padding:1.5rem;border-radius:10px;box-shadow:0 .5rem #00000025}.input_page_form,.input_users_info,.input-wrapper{display:flex;flex-direction:column;width:100%;gap:1rem;position:relative}.user_input{padding:1.5rem;border-radius:5px;border:1px solid #dedede;outline:none}.user_input:focus{border:2px solid var(--Blue)}input::placeholder{color:var(--Dark-Blue);opacity:.75;font-size:1rem;font-weight:600}.submit_btn{border:none;padding:1.2rem 1.5rem;font-size:1.1rem;text-transform:uppercase;background-color:var(--Green);color:#fff;border-radius:5px;box-shadow:inset 0 -.25rem #00000017;transition:.3 ease opacity}.submit_btn:hover{cursor:pointer;opacity:.75}.subscription_info{text-align:center;color:var(--Grayish-Blue);font-size:.79rem;padding:.6rem 1.3rem 0rem;line-height:1.8}.subscription_info span{color:var(--Red);font-weight:700}.error-icon{width:25px;height:25px;position:absolute;top:20px;right:30px}.input-error{border:3px solid var(--Red);border-radius:5px}.error-message{text-align:right;color:var(--Red);font-weight:500}@media screen and (min-width: 600px){body{background-image:url(/assets/bg-intro-desktop-C0Ip2ioZ.png)}}@media screen and (min-width: 1000px){body{background-image:url(/assets/bg-intro-desktop-C0Ip2ioZ.png)}.main{width:100%;max-width:1300px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;column-gap:1rem;padding:0}.signup_page{width:100%;padding:0}.subscription_page{width:100%;max-width:1000px;padding:1.5rem}.input_page{width:100%;padding:3rem}.error-message{font-style:italic}.input-wrapper{margin-bottom:0;padding-bottom:.5rem}input::placeholder{font-size:1.2rem}.submit_btn{padding:1.5rem 2rem}input{font-size:1.2rem;font-weight:700}.error-icon{width:35px;height:35px}.header{display:flex;flex-direction:column;align-items:center;justify-self:flex-start}.header .header_title{font-size:3.5rem;padding:0;text-align:left}.header .header_subtitle{margin-top:1.5rem;text-align:left;padding-left:0}}
