@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;600;700&display=swap";html,body{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Libre Franklin,sans-serif;font-weight:300;font-size:20px}[hidden]{display:none!important}:root{--blue: hsl(223, 87%, 63%);--pale-blue: hsl(223, 100%, 88%);--light-red: hsl(354, 100%, 66%);--gray: hsl(0, 0%, 59%);--very-dark-blue: hsl(209, 33%, 12%)}.footer{padding-top:144px;width:100%;display:flex;flex-direction:column;align-items:center}.footer__social{display:flex;column-gap:24px;padding-bottom:42px}.footer__social-icon{fill:var(--blue)}.footer__social-icon-wrapper{display:flex;align-items:center;justify-content:center;cursor:pointer;width:48px;height:48px;border-radius:9999px;border:1px solid hsla(223,87%,63%,.3)}.footer__social-icon-wrapper:hover{background-color:var(--blue)}.footer__social-icon-wrapper:hover .footer__social-icon{fill:#fff}.footer__copyright{font-size:16px;color:var(--gray);padding-bottom:60px}.container{padding-inline:32px;padding-top:108px;display:flex;flex-direction:column;align-items:center}.container .notify{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.container .notify__ping-logo{margin-bottom:64px}.container .notify__heading{margin-bottom:24px;font-weight:300;color:var(--gray)}.container .notify__heading-bold{font-weight:700;color:var(--very-dark-blue)}.container .notify__description{margin-bottom:48px}.container .notify__form{margin-bottom:96px;padding-inline:24px;display:flex;flex-direction:column;align-items:center;width:100%}.container .notify__form-input,.container .notify__form-submit{border-radius:9999px;padding-block:16px;width:100%;font-size:20px}.container .notify__form-input{margin-bottom:64px;padding-left:48px;font-weight:300;border:1px solid var(--blue)}.container .notify__form-input:focus{border:1px solid var(--light-red)}.container .notify__form-input:focus-visible{outline:none;border:2px solid var(--blue)}.container .notify__form-input::-webkit-input-placeholder{color:var(--blue);opacity:.3}.container .notify__form-submit{padding:auto;border:none;background-color:var(--blue);font-weight:300;color:#fff;box-shadow:0 10px 15px #4f7df366}.container .notify .js-error{color:var(--light-red)}.container .notify .error--active{width:max-content;position:absolute;bottom:186px;right:50%;transform:translate(50%)}.container .notify .notify__form-input--active{border:1px solid var(--light-red)}.container .notify .notify__form-input--active:focus{outline:none;border:2px solid var(--light-red)}@media screen and (min-width: 768px){.container{padding-inline:56px;padding-top:64px}.container .notify .error--active{position:absolute;bottom:186px}}@media screen and (min-width: 1024px){.container{padding-inline:248px;padding-top:64px}.container .notify__form{margin-bottom:64px;display:flex;flex-direction:row;align-items:flex-start}.container .notify__form-input{padding-left:32px}.container .notify__form-submit{margin-left:16px;width:40%;cursor:pointer}.container .notify__form-submit:hover{opacity:.8}.container .notify__ping-logo{margin-bottom:36px}.container .notify__heading{margin-bottom:12px}.container .notify__description{margin-bottom:40px}.container .notify .error--active{position:absolute;bottom:100px;left:56px;transform:none}}