.onboardShell{grid-template-columns:minmax(380px,45%) 1fr;width:100vw;min-height:100svh;display:grid}.leftPane{background:linear-gradient(170deg,#2b3674 0%,#1e2a5e 40%,#1a2238 100%);flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,48px);display:flex;position:relative;overflow-y:auto}.leftPane:after{content:"";pointer-events:none;background:radial-gradient(at 50% 80%,#fdb5150f 0%,#0000 70%);position:absolute;inset:0}.leftPane .logoLink img{width:clamp(140px,12vw,200px)!important;height:auto!important}.leftPane .heroArea{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(12px,2vw,24px);animation:.6s cubic-bezier(.25,.46,.45,.94) both page-fade-in;display:flex;position:relative}.leftPane .mascotCircle{-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(140px,14vw,220px);height:clamp(140px,14vw,220px);display:flex;overflow:hidden;box-shadow:0 8px 32px #00000026}.leftPane .heroTitle{color:#fff;text-align:center;letter-spacing:-.025em;margin-top:clamp(8px,1vw,16px);font-size:clamp(22px,2vw,36px);font-weight:700}.leftPane .heroDesc{color:#ffffffb3;text-align:center;max-width:420px;font-size:clamp(14px,1.1vw,18px);line-height:1.6}.rightPane{background:#faf9f7;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,4vw,64px);display:flex;overflow-y:auto}.formWrap{flex-direction:column;align-items:center;width:min(560px,88vw);max-width:100%;margin:0 auto;animation:.5s cubic-bezier(.25,.46,.45,.94) .15s both page-fade-in;display:flex}.formWrap .formTitle{color:#2b3674;text-align:center;letter-spacing:-.03em;margin-bottom:clamp(4px,.5vh,8px);font-size:clamp(26px,2.2vw,40px);font-weight:700}.formWrap .formSubtitle{color:#2b367480;text-align:center;margin-bottom:clamp(16px,3vh,32px);font-size:clamp(14px,1.1vw,18px)}.formWrap .rolePill{background:#e8edf6;border-radius:9999px;width:100%;margin-bottom:clamp(20px,3vh,36px);padding:4px;display:flex}.formWrap .roleBtn{cursor:pointer;color:#2b367480;text-align:center;background:0 0;border:none;border-radius:9999px;flex:1;padding:clamp(10px,1vh,14px) clamp(12px,1vw,20px);font-size:clamp(14px,1.1vw,18px);font-weight:500;transition:all .2s}.formWrap .roleBtn:hover{color:#2b3674}.formWrap .roleBtn.active{color:#fff;background:#2d9f6b}.formWrap .formFields{flex-direction:column;gap:clamp(16px,2vh,24px);width:100%;display:flex}.formWrap .fieldGroup{flex-direction:column;gap:clamp(4px,.5vh,8px);display:flex}.formWrap .fieldLabel{color:#2b3674;font-size:clamp(14px,1.1vw,18px);font-weight:700}.formWrap .fieldInput{color:#2b3674;border:1px solid #2b367433;border-radius:8px;outline:none;width:100%;height:clamp(44px,5vh,56px);padding:0 clamp(12px,1vw,16px);font-size:clamp(14px,1.1vw,18px);transition:border-color .2s;background:#fff!important}.formWrap .fieldInput:-webkit-autofill{-webkit-text-fill-color:#2b3674!important;box-shadow:inset 0 0 0 30px #fff!important}.formWrap .fieldInput:-webkit-autofill:hover{-webkit-text-fill-color:#2b3674!important;box-shadow:inset 0 0 0 30px #fff!important}.formWrap .fieldInput:-webkit-autofill:focus{-webkit-text-fill-color:#2b3674!important;box-shadow:inset 0 0 0 30px #fff!important}.formWrap .fieldInput:focus{border-color:#2b3674;box-shadow:0 0 0 3px #2b36741a}.formWrap .submitBtn{cursor:pointer;color:#2b3674;background:#fdb515;border:none;border-radius:9999px;width:100%;margin-top:clamp(8px,1vh,16px);padding:clamp(12px,1.2vh,16px);font-size:clamp(15px,1.1vw,20px);font-weight:700;transition:all .2s}.formWrap .submitBtn:hover{background:#e09e35}.formWrap .submitBtn:disabled{opacity:.7;cursor:not-allowed}.formWrap .linksArea{flex-direction:column;align-items:center;gap:clamp(12px,1.5vh,20px);width:100%;margin-top:clamp(16px,3vh,32px);display:flex}.formWrap .linksArea .signupLink{color:#2b3674;font-size:clamp(14px,1vw,16px)}.formWrap .linksArea .signupLink a{color:#6db8d0;text-decoration:underline}.formWrap .linksArea .enrollLinks{color:#2b367480;font-size:clamp(13px,.9vw,15px)}.formWrap .linksArea .enrollLinks a{color:#6db8d0;margin:0 clamp(4px,.4vw,8px);text-decoration:none}.formWrap .linksArea .enrollLinks a:hover{text-decoration:underline}@media (max-width:900px){.onboardShell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.leftPane{padding:clamp(16px,4vw,32px)}.leftPane .mascotCircle{width:clamp(80px,20vw,120px);height:clamp(80px,20vw,120px)}.leftPane .heroTitle{font-size:clamp(18px,4.5vw,24px)}.formWrap{width:min(520px,94vw)}}@media (min-width:1600px){.formWrap{width:min(620px,50vw)}}