.app{display:flex;height:100vh}.app__view{box-sizing:border-box;padding:0 40px;width:50%}.app__banner{width:50%;overflow:hidden}.app__image{background-size:cover;background-position:center;height:100%}.app__gradient{background-image:linear-gradient(180deg, rgba(6,21,86,0.5) 0%, rgba(255,255,255,0) 33.59%);background-blend-mode:multiply;height:100%}@media (max-width: 871px){.app__view{padding:0 30px}.app__image{transform:scale(1.5) translate(0, -57px)}.app__gradient{transform:translateY(57px)}}@media (max-width: 704px){.app{flex-direction:column-reverse;justify-content:flex-end;height:100%}.app__view{padding:30px 20px;width:100%}.app__banner{height:195px;width:100%}.app__image{transform:scale(1.7) translate(1px, -17px)}.app__gradient{transform:translateY(45px)}}

body{font-family:proxima;margin:0}body::-webkit-scrollbar{background:transparent;width:0}@font-face{font-family:proxima;src:url("/content/dam/royal/salesforce-project/fonts/ProximaNova-Reg.otf"),url("/content/dam/royal/salesforce-project/fonts/ProximaNova-Reg.woff") format("woff")}@font-face{font-family:proxima-light;src:url("/content/dam/royal/salesforce-project/fonts/ProximaNova-Light.otf"),url("/content/dam/royal/salesforce-project/fonts/ProximaNova-Light.woff") format("woff")}@font-face{font-family:proxima-bold;src:url("/content/dam/royal/salesforce-project/fonts/ProximaNova-Bold.otf"),url("/content/dam/royal/salesforce-project/fonts/ProximaNova-Bold.woff") format("woff")}@font-face{font-family:proxima-semi-bold;src:url("/content/dam/royal/salesforce-project/fonts/ProximaNova-Sbold.otf"),url("/content/dam/royal/salesforce-project/fonts/ProximaNova-Sbold.woff") format("woff")}

.email__title{color:#535353;display:block;font-size:14px;font-weight:normal;line-height:17px}.email__input{border-radius:3px;border:1px solid #bbbbbb;box-sizing:border-box;color:#4a4a4a;font-size:16px;height:50px;line-height:20px;margin-top:10px;padding:15px 11px;width:100%}.email__input:focus{border:1px solid #005edc;outline:0}.email__input::placeholder{color:#9f9f9f}.email__error{color:#e01414;display:none;font-size:14px;font-weight:normal;line-height:21px;margin-top:10px}.email--invalid .email__title{color:#e01414}.email--invalid .email__input{border:1px solid #e01414}.email--invalid .email__error{display:block}

.fail{display:flex;flex-direction:column;height:100%;justify-content:center}.fail__title{color:#061556;font-size:36px;font-weight:600;line-height:44px;margin:0;white-space:pre-line}.fail__description{color:#4a4a4a;font-size:16px;font-weight:normal;line-height:24px;margin:10px 0 0}@media (max-width: 871px){.fail__title{font-size:24px;line-height:29px}}

.form-page{margin:60px 0 0}.form-page__title{color:#061556;font-family:proxima-semi-bold;font-size:36px;font-weight:600;line-height:44px;margin:0}.form-page__description{color:#4a4a4a;font-size:24px;line-height:36px;font-weight:normal;margin:10px 0 0}.form-page__description-bold{font-family:proxima-semi-bold}.form-page__email{margin-top:30px;width:300px}.form-page__button{background:#005edc;border-radius:3px;border:white;color:white;cursor:pointer;font-family:proxima-semi-bold;font-size:18px;font-weight:600;line-height:22px;margin-top:30px;outline:0;padding:14px 0;width:121px}.form-page__button:hover{background:#053ab9}.form-page__button:disabled{cursor:not-allowed;opacity:0.8}.form-page__button:disabled:hover{background:#005edc}.form-page__copy{color:#4a4a4a;font-size:12px;line-height:18px;margin:30px 0 0}.form-page__link{color:#005edc;text-decoration:unset}.form-page__link:hover{color:#053ab9;text-decoration:underline}@media (max-width: 871px){.form-page{margin-top:40px}.form-page__title{font-size:24px;line-height:29px}.form-page__description{font-size:16px;line-height:24px}.form-page__copy{margin-top:20px}}@media (max-width: 704px){.form-page{margin-top:0}.form-page__email{width:100%}}

.success{display:flex;flex-direction:column;height:100%;justify-content:center}.success__title{color:#061556;font-size:36px;font-weight:600;line-height:44px;margin:0}.success__description{color:#4a4a4a;font-size:16px;font-weight:normal;line-height:24px;margin:10px 0 0}.success__spam{color:#4a4a4a;font-size:16px;font-weight:normal;line-height:24px;margin:40px 0 0}@media (max-width: 871px){.success__title{font-size:24px;line-height:29px}}