.loginPage{--graphicsPadding:3.5rem min(8rem,3%);--columnGap:1.5rem;--formColumnGap:1rem;--formSubmitButtonPadding:1rem;--inputDefaultPadding:1rem 1.4rem;--loginButtonBorderRadius:1.4rem;--loginPageBg:linear-gradient(91.04deg,#89b9ff 0%,#a68fff 49.55%,#fa9eff 97.2%);height:100vh}.loginPage .graphics{padding:var(--graphicsPadding);background:var(--loginPageBg)}.loginPage .loginContainer{--backgroundColor:var(--whiteColor);background:var(--backgroundColor)}.loginPage .loginContainer>div:not(.signupWrapper){gap:var(--columnGap);height:max-content;min-height:min-content;max-height:calc(100% - var(--columnGap));flex-direction:column;justify-content:center;width:min(80%,40rem);display:flex}.loginPage .loginContainer .socialMedia .smDiv{cursor:pointer;background:#1877f20d;border-radius:1.2rem;padding:1.4rem 2rem}.loginPage .loginContainer .orLogin{margin-block:calc(var(--columnGap)/2)}.loginPage .loginContainer .orLogin p{text-align:center;background:var(--backgroundColor);position:relative}.loginPage .loginContainer .orLogin .line{background-color:var(--greyColor);opacity:.5;width:36%;height:1px}.loginPage .loginContainer .form{gap:var(--formColumnGap)}.signupWrapper{flex-direction:row;width:100%;height:100%;min-height:100vh;display:flex}.signupStepperColumn{background:linear-gradient(#f5f9fc 0%,#edf3f7 100%);border-right:1.5px solid #d6e3ec;flex-direction:column;justify-content:center;align-items:center;gap:0;width:240px;min-width:220px;padding:3rem 1.2rem 2rem;display:flex;position:relative}.signupStepper{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:0;width:100%;padding-left:1rem;display:flex}.stepperItem{align-items:flex-start;gap:14px;display:flex;position:relative}.stepperItem:not(:last-child){padding-bottom:38px}.stepBadge{z-index:2;background:#fff;border:2.5px solid #0a89ba;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;transition:box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 8px #0a89ba1a}.stepperItem.active .stepBadge{border-color:#074b7a;box-shadow:0 3px 14px #074b7a2e}.stepperItem.inactive .stepBadge{opacity:.7;border-color:#b5c7d3}.stepBadge svg{width:24px;height:24px}.stepConnectorLine{z-index:1;background:linear-gradient(91.04deg,#89b9ff 0%,#a68fff 49.55%,#fa9eff 97.2%);border-radius:2px;width:2.5px;height:calc(100% - 48px);position:absolute;top:48px;left:23px}.stepTextGroup{flex-direction:column;padding-top:4px;display:flex}.stepLabel{color:#8a9bab;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:600}.stepTitle{color:#1a2e3d;margin-top:1px;font-size:.92rem;font-weight:700}.stepperItem.inactive .stepTitle{color:#8a9bab}.mascotSection{flex-direction:row;align-items:center;margin-top:auto;padding-bottom:1rem;display:flex;position:relative}.speechBubble{color:#074b7a;background:#fff;border-radius:18px;margin-bottom:8px;padding:6px 18px;font-size:1.1rem;font-weight:800;animation:2s ease-in-out infinite bubbleBounce;position:relative;box-shadow:0 2px 10px #074b7a1a}.speechBubble:after{content:"";border-top:10px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:24px}@keyframes bubbleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mascotImage{object-fit:contain;filter:drop-shadow(0 4px 12px #074b7a26);width:160px;height:auto}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.signupFormColumn{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.signupFormColumn>div{gap:var(--columnGap);flex-direction:column;justify-content:center;width:min(85%,38rem);height:max-content;min-height:min-content;display:flex}@media (max-width:768px){.signupStepperColumn{display:none}.signupFormColumn{padding:1.5rem}}