@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/fonts/Inter-Bold.ttf) format("truetype");font-weight:700;font-style:normal}body,html{margin:0;padding:0;height:100%;font-family:Inter,-apple-system,Segoe UI,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif,system-ui,"Apple Color Emoji","Segoe UI Emoji"}body{display:flex;align-items:center;justify-content:center;background-color:#f5f3f9}.Container{width:360px}.Container *{box-sizing:border-box}.Subscribe{height:300px;padding:30px;overflow:hidden;position:relative;border-radius:6px;margin-bottom:20px;background-color:#fff;box-shadow:0 6px 10px #9590b326,0 15px 50px #b6b6e01a}.Subscribe:after{width:150%;height:130px;content:"";z-index:1;position:absolute;bottom:-20px;left:-25%;transform:rotate(-5deg);background-color:#f9f9fc;transition:transform 1s cubic-bezier(.2,0,0,1)}.Container h3{color:#625cfe;font-size:22px;margin-bottom:15px;transition:opacity .9s .15s cubic-bezier(.2,0,0,1),transform .9s .15s cubic-bezier(.2,0,0,1)}.Subscribe p{color:#827c8c;font-size:15px;line-height:24px;margin-bottom:30px;transition:opacity .9s .1s cubic-bezier(.2,0,0,1),transform .9s .1s cubic-bezier(.2,0,0,1)}.Subscribe form{z-index:2;left:20px;width:320px;height:50px;bottom:25px;overflow:hidden;position:absolute;border-radius:4px;background:#FFFFFF;box-shadow:0 3px 6px #9590b333;transition:transform .6s cubic-bezier(.2,0,0,1)}.Subscribe form:after{top:0;content:"";width:30px;height:100%;right:110px;position:absolute;background:linear-gradient(90deg,rgba(255,255,255,0),white)}.Subscribe form input[type=email]{border:none;width:100%;height:100%;outline:none;font-size:15px;padding:0 110px 0 20px}::placeholder{color:#827c8c;opacity:.5}.Subscribe form button{top:0;right:0;padding:0;cursor:pointer;outline:none;width:110px;border:none;height:100%;color:#625cfe;font-weight:700;font-size:15px;position:absolute;background-color:#fff;transition:color .5s}.Subscribe form button:hover{color:#1a0373}.Complete{left:0;top:50px;width:100%;padding:0 30px;text-align:center;position:absolute}.Complete .Tick{width:80px;height:80px;border-radius:50%;margin-bottom:30px;display:inline-block;background-color:#625cfe;opacity:0;transform:scale(.5);transition:opacity .6s .2s,transform .6s .2s}.Complete .Tick svg{opacity:0;margin-top:28px;transform:scale(.5);transition:opacity,.4s .5s,transform .3s .5s cubic-bezier(.2,0,0,1.2)}.Complete h4{font-size:14px;font-weight:600;margin-bottom:10px;opacity:0;transform:translateY(-15px);transition:opacity .6s .45s,transform .6s .45s}.Complete span{opacity:0;color:#827c8c;display:block;font-size:14px;transform:translateY(-15px);transition:opacity .6s .4s,transform .6s .4s}.Subscribe--complete form{transform:translateY(100px)}.Subscribe--complete:after{transform:rotate(0) translateY(100px)}.Subscribe--complete h3,.Subscribe--complete p{transform:translateY(100px);opacity:0}.Subscribe--complete .Complete .Tick{opacity:1;transform:scale(1)}.Subscribe--complete .Complete .Tick svg{opacity:1;transform:scale(1)}.Subscribe--complete .Complete h4,.Subscribe--complete .Complete span{opacity:1;transform:translateY(0)}.Container small{width:100%;display:block;color:#b6b6cf;font-size:14px;padding:0 30px;line-height:22px;text-align:center}.Landing{text-align:center}.Landing button{cursor:pointer;outline:none;border:none;color:#625cfe;font-size:15px;background-color:#fff;padding:10px 20px;border-radius:10px;box-shadow:0 6px 10px #9590b326,0 15px 50px #b6b6e01a;margin:auto 0;transition:color .5s}.Landing button:hover{color:#1a0373}