@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";@font-face{font-family:Mont;font-style:normal;font-weight:400;src:url(/fonts/Mont-Regular.otf) format("opentype")}@font-face{font-family:Mont;font-style:normal;font-weight:600;src:url(/fonts/Mont-SemiBold.otf) format("opentype")}body,html{color:#faf5e8;font-family:Mont,Inter,sans-serif;height:100%;margin:0;padding:0;width:100%}.background-gradient{background:linear-gradient(180deg,#00909a,#faf5e8);z-index:-4}.background-gradient,.noise-pattern{height:100%;left:0;position:fixed;top:0;width:100%}.noise-pattern{background-image:url(/assets/noise-pattern.webp);background-repeat:repeat;mix-blend-mode:multiply;pointer-events:none;z-index:-2}.container{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:space-between;overflow:hidden;padding:50px;position:relative;width:100%}.background-circle{animation:scale-in 1.2s ease-out forwards;height:172vh;left:15%;position:fixed;top:50%;transform:translate(-50%,-50%) scale(0);width:auto;z-index:-3}.circle{animation:move-circle 20s infinite alternate;background:radial-gradient(circle,#00838c4d 0,#00707800 70%);border-radius:50%;height:800px;position:absolute;width:800px;z-index:-1}@keyframes move-circle{0%{transform:translate(20%,-20%)}to{transform:translate(-20%,20%)}}@keyframes scale-in{to{transform:translate(-50%,-50%) scale(1)}}@keyframes scale-in-mobile{to{transform:translate(-50%) scale(1)}}@keyframes blur-in{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes slide-up-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}header{width:100%}.logo-icon{cursor:pointer;width:58px}.content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;max-width:1240;padding-left:50px;width:100%}.text-container h1{animation:blur-in .6s ease-out .4s forwards;font-family:Mont,Inter,sans-serif;font-size:9rem;font-weight:400;line-height:1;margin:0 0 20px;max-width:1200px;opacity:0;width:100%}.text-container .highlight{color:#2a4f55}.text-container p{animation:blur-in .6s ease-out .6s forwards;font-size:20px;line-height:.9;margin:0;opacity:0}.form-container{animation:slide-up-fade-in .6s ease-out .8s forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid rgba(0,36,43,.1);border-radius:20px;box-shadow:0 149px 60px #00000003,0 84px 50px #00000008,0 37px 37px #0000000d,0 9px 20px #0000000f;margin-top:68px;opacity:0;padding:24px}.form-container.error-state{padding-bottom:16px}#signup-form{flex-direction:column}#signup-form,#signup-form>div{display:flex}#email{background:#fff;border:1px solid rgba(0,36,43,.05);border-radius:4px;box-shadow:0 3px 2px #00000008,0 1px 1px #0000000f,0 0 1px #00000014;color:#63797e;font-family:Mont,Inter,sans-serif;font-size:16px;margin-right:16px;padding:18px 16px;width:360px}#email.invalid{border-color:#d9534f}.error-message{color:#d9534f;display:none;font-size:14px;margin:8px 0 0;text-align:left}#email::-moz-placeholder{color:#63797e}#email::placeholder{color:#63797e}button[type=submit]{background:linear-gradient(180deg,#00838c,#007078);border:1px solid rgba(0,36,43,.15);border-radius:8px;box-shadow:inset 0 -2px #0000001a,inset 0 2px #ffffff80,0 3px 2px #00000008,0 1px 1px #0000000f,0 0 1px #00000014;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Mont,Inter,sans-serif;font-size:16px;font-weight:600;padding:18px 24px;white-space:nowrap}footer{width:100%}.logo-text{width:187px}#success-message p{color:#2a4f55;font-size:20px;line-height:.9;margin:0}#success-message .success-content{align-items:center;display:flex;gap:12px;margin-bottom:16px}#success-message .success-title{color:#10821e;font-family:Mont,Inter,sans-serif;font-weight:600}#success-message{animation:slide-up-fade-in .5s ease-out forwards}#success-message p{opacity:1}@media (max-width:768px){.container{padding:20px}.background-circle{height:1200px;top:100px;width:1200px}.background-circle,.circle{animation-name:scale-in-mobile;bottom:auto;left:50%;transform:translate(-50%) scale(0)}.circle{height:400px;width:400px}.text-container{box-sizing:border-box;margin:0 5%;width:90%}.text-container h1{font-size:42px;font-weight:600;line-height:1;margin-left:auto;margin-right:auto;max-width:325px;width:100%}.text-container p{font-size:16px;line-height:1.4}#signup-form,#signup-form>div{flex-direction:column}#email{box-sizing:border-box;margin-bottom:16px;margin-right:0}#email,button[type=submit]{width:100%}.content{align-items:center;padding-left:0;text-align:center}.form-container{box-sizing:border-box;margin:40px 5% 0;width:90%}#success-message{text-align:center}#success-message .success-content{flex-direction:column;gap:12px}#success-message>p{font-size:16px;line-height:1.4}}@media (min-width:769px) and (max-width:1024px){.background-circle{animation-name:scale-in-mobile;bottom:auto;height:1500px;left:50%;top:100px;transform:translate(-50%) scale(0);width:1500px}.content{align-items:center;padding-left:0}#success-message,.content{text-align:center}#success-message .success-content{flex-direction:column;justify-content:center}}@media (min-width:1921px){.container{padding:85px}.background-circle{height:172vh;left:15%}.circle{height:1360px;width:1360px}.logo-icon{width:99px}.content{max-width:1652px;padding-left:85px}.text-container h1{font-size:9rem;margin-bottom:34px;max-width:1400px;width:100%}.text-container p{font-size:34px}.form-container{border-radius:34px;margin-top:116px;padding:41px}#signup-form{gap:27px}#email{border-radius:7px;font-size:27px;margin-bottom:0;margin-right:27px;padding:31px 27px;width:612px}button[type=submit]{border-radius:14px;font-size:27px;padding:31px 41px}.logo-text{width:318px}#success-message .success-content{gap:20px;margin-bottom:27px}#success-message p{font-size:34px}}
