.authShell{grid-template-columns:minmax(360px,44%) 1fr;width:100vw;min-height:100dvh;display:grid}.brandPane{background:#2b3674;flex-direction:column;justify-content:space-between;align-items:stretch;padding:clamp(16px,3vw,56px);display:flex;position:relative;overflow:clip}.brandInner{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(12px,2vw,24px);display:flex}.brandInner .heroImage{background:#2b3674;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(140px,18vw,260px);height:clamp(140px,18vw,260px);display:flex;overflow:hidden}.brandInner .heroTitle{text-align:center;margin-top:clamp(8px,1vw,16px);font-size:clamp(26px,2vw,40px);font-weight:700;line-height:1.2}.brandInner .heroTagline{color:#fffc;text-align:center;max-width:420px;font-size:clamp(14px,1vw,18px);line-height:1.6}.brandInner .brandBullets{text-align:left;flex-direction:column;gap:clamp(10px,1.2vw,16px);width:100%;max-width:420px;margin:clamp(12px,1.5vw,20px) 0 0;padding:0;list-style:none;display:flex}.brandInner .brandBullet{align-items:flex-start;gap:12px;display:flex}.brandInner .brandBulletDot{background:#fdb515;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.brandInner .brandBulletTitle{color:#fff;margin:0;font-size:clamp(14px,1vw,16px);font-weight:600;line-height:1.35}.brandInner .brandBulletDesc{color:#ffffffbf;margin:4px 0 0;font-size:clamp(12px,.9vw,14px);line-height:1.45}.formPane{background:#f7fafc;justify-content:center;align-items:center;padding:clamp(24px,4vw,64px);display:flex;overflow-y:auto}.formCard{flex-direction:column;align-items:center;gap:clamp(16px,2.5vw,32px);width:100%;display:flex}.formCard .toggleRow{justify-content:center;width:100%;display:flex}.formCard .togglePill{background:#fff;border:2px solid #2b367433;border-radius:9999px;width:100%;padding:5px;display:flex}.formCard .toggleBtn{cursor:pointer;color:#2b367480;background:0 0;border:none;border-radius:9999px;flex:1;padding:clamp(12px,1.2vw,18px) clamp(20px,2vw,40px);font-size:clamp(15px,1.1vw,20px);font-weight:600;transition:all .2s}.formCard .toggleBtn:hover{background:#e8edf6}.formCard .toggleBtn.active{color:#fff;background:#2b3674}.formCard .toggleBtn.active:hover{background:#232d5f}.formCard .sectionLabel{color:#2b3674;align-self:center;font-size:clamp(15px,1.1vw,20px)}.roleRow{justify-content:center;width:100%;display:flex}.roleRow .rolePill{background:#fff;border:1px solid #2b367433;border-radius:9999px;width:100%;padding:5px;display:flex}.roleRow .roleBtn{cursor:pointer;color:#2b367480;text-align:center;background:0 0;border:none;border-radius:9999px;flex:1;padding:clamp(10px,1vw,16px) clamp(20px,2vw,40px);font-size:clamp(15px,1.1vw,20px);font-weight:500;transition:all .2s}.roleRow .roleBtn:hover{background:#e8edf6}.roleRow .roleBtn.active{color:#fff;background:#f87171}.roleRow .roleBtn.active:hover{background:#ef4444}.formCard .questionText{color:#2b3674;align-self:flex-start;width:100%;font-size:clamp(16px,1.3vw,24px);font-weight:500}.optionGrid{grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);width:100%;display:grid}.optionGrid .optionCard{cursor:pointer;text-align:left;background:#fff;border:2px solid #2b367426;border-radius:16px;align-items:flex-start;gap:clamp(10px,1.2vw,16px);padding:clamp(18px,2vw,32px);transition:all .2s;display:flex}.optionGrid .optionCard:hover{border-color:#2b367440}.optionGrid .optionCard.selected{background:#eff6ff;border-color:#6db8d0;box-shadow:0 1px 3px #3b82f61f}.optionGrid .optionCard .radio{border:2px solid #2b367433;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(18px,1.2vw,24px);height:clamp(18px,1.2vw,24px);margin-top:3px;display:flex}.optionGrid .optionCard.selected .radio{border-color:#6db8d0}.optionGrid .optionCard .radioDot{background:#6db8d0;border-radius:50%;width:clamp(9px,.6vw,12px);height:clamp(9px,.6vw,12px)}.optionGrid .optionCard .optionTitle{color:#2b3674;font-size:clamp(15px,1.1vw,20px);font-weight:600}.optionGrid .optionCard .optionDesc{color:#2b367480;margin-top:6px;font-size:clamp(13px,.9vw,16px);line-height:1.5}.formCard .helperText{color:#2b367480;text-align:center;margin-top:clamp(8px,1vw,16px);font-size:clamp(13px,.9vw,16px)}.formCard .continueBtn{cursor:pointer;color:#fff;background:#f5a623;border:none;border-radius:9999px;width:100%;padding:clamp(14px,1.2vw,20px) clamp(32px,4vw,56px);font-size:clamp(15px,1.1vw,20px);font-weight:600;transition:all .2s}.formCard .continueBtn:hover{background:#e09000}.formCard .continueBtn:disabled{color:#2b367480;cursor:not-allowed;background:#2a3a5e}.formCard .googleBtn{cursor:pointer;color:#2b3674;background:#fff;border:2px solid #2b367426;border-radius:9999px;justify-content:center;align-items:center;gap:12px;width:100%;padding:clamp(12px,1vw,16px) clamp(16px,2vw,24px);font-size:clamp(14px,1vw,16px);font-weight:500;transition:all .2s;display:flex}.formCard .googleBtn:hover{background:#e8edf6;box-shadow:0 1px 3px #00000014}.formCard .loginContent{flex-direction:column;align-items:center;gap:clamp(16px,2vw,28px);width:100%;display:flex}.formCard .loginSubtext{color:#2b367480;text-align:center;font-size:clamp(14px,1vw,16px)}.formCard .emailLink{color:#6db8d0;margin-top:clamp(4px,.5vw,8px);font-size:clamp(13px,.9vw,15px);text-decoration:none}.formCard .emailLink:hover{text-decoration:underline}.formCard .nonStudentContent{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(12px,1.5vw,20px);padding:clamp(16px,3vw,40px) 0;display:flex}.formCard .nonStudentText{color:#2b367480;text-align:center;font-size:clamp(14px,1vw,16px)}@media (max-width:900px){.authShell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.brandPane{padding:clamp(16px,4vw,32px)}.brandInner .heroImage{width:clamp(100px,24vw,180px);height:clamp(100px,24vw,180px)}.brandInner .heroTitle{font-size:clamp(22px,4vw,32px)}}
