.homeShell{grid-template-columns:minmax(380px,45%) 1fr;width:100vw;min-height:100dvh;display:grid}.homeBrand{background:#2b3674;flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,48px);display:flex;overflow-y:auto}.homeBrand .brandLogo img{width:clamp(140px,12vw,200px)!important;height:auto!important}.homeBrand .brandCenter{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,1vw,16px);width:100%;display:flex}.homeBrand .brandMascot{-o-object-fit:contain;object-fit:contain;width:clamp(120px,14vw,200px);height:auto}.homeBrand .brandTitle{color:#fff;text-align:center;margin-top:clamp(4px,.5vw,8px);font-size:clamp(22px,2.2vw,36px);font-weight:700}.homeBrand .brandTitle .highlight{color:#fdb515}.homeBrand .brandSubtext{color:#fffc;text-align:center;max-width:540px;font-size:clamp(14px,1.1vw,18px);line-height:1.5}.homeBrand .featureBox{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;width:100%;max-width:540px;margin-top:clamp(12px,2vw,24px);padding:clamp(16px,2vw,24px)}.homeBrand .featureBox .featureTitle{color:#fffc;text-align:center;margin-bottom:clamp(12px,1.5vw,16px);font-size:clamp(14px,1.1vw,18px)}.homeBrand .featureBox .featureList{flex-direction:column;gap:clamp(6px,.8vw,10px);display:flex}.homeBrand .featureBox .featureItem{color:#fff;align-items:flex-start;gap:clamp(6px,.6vw,8px);font-size:clamp(14px,1.1vw,18px);display:flex}.homeBrand .featureBox .featureIcon{color:#fdb515;flex-shrink:0;width:clamp(18px,1.2vw,22px);height:clamp(18px,1.2vw,22px);margin-top:2px}.homeForm{background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,3vw,48px);display:flex;overflow-y:auto}.homeFormInner{flex-direction:column;align-items:center;width:min(560px,88vw);max-width:100%;margin:0 auto;display:flex}.homeFormInner .authToggle{background:#f8fafc80;border:1px solid #2b3674;border-radius:9999px;width:100%;margin-bottom:clamp(16px,2.5vw,28px);padding:4px;display:flex}.homeFormInner .authToggleBtn{cursor:pointer;color:#2b367480;background:0 0;border:none;border-radius:9999px;flex:1;padding:clamp(10px,1.2vw,14px);font-size:clamp(15px,1.1vw,18px);font-weight:600;transition:all .2s}.homeFormInner .authToggleBtn:hover{color:#2b3674}.homeFormInner .authToggleBtn.active{color:#fff;background:#2b3674;box-shadow:0 4px 6px -1px #23315c40}.homeFormInner .roleLabel{color:#2b367480;margin-bottom:clamp(8px,1vw,12px);font-size:clamp(14px,1.1vw,18px)}.homeFormInner .rolePillWrap{width:100%;margin-bottom:clamp(16px,2.5vw,28px);display:flex}.homeFormInner .rolePill{gap:clamp(8px,1vw,12px);width:100%;display:flex}.homeFormInner .roleBtn{cursor:pointer;color:#2b367480;background:#fff;border:1px solid #2b367433;border-radius:12px;flex:1;padding:clamp(10px,1.2vw,14px);font-size:clamp(15px,1.1vw,18px);font-weight:600;transition:all .2s}.homeFormInner .roleBtn:hover{color:#2b3674;border-color:#2b36744d}.homeFormInner .roleBtn.active{color:#fff;background:#f87171;border-color:#f87171}.homeFormInner .formFields{flex-direction:column;gap:clamp(16px,2vh,24px);width:100%;display:flex}.homeFormInner .fieldGroup{flex-direction:column;gap:clamp(4px,.4vw,6px);display:flex}.homeFormInner .fieldLabel{color:#2b3674;font-size:clamp(14px,1.1vw,18px);font-weight:600}.homeFormInner .fieldInput{color:#2b3674;border:1px solid #2b367433;border-radius:12px;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}.homeFormInner .fieldInput:-webkit-autofill{-webkit-text-fill-color:#2b3674!important;box-shadow:inset 0 0 0 30px #fff!important}.homeFormInner .fieldInput:-webkit-autofill:hover{-webkit-text-fill-color:#2b3674!important;box-shadow:inset 0 0 0 30px #fff!important}.homeFormInner .fieldInput:-webkit-autofill:focus{-webkit-text-fill-color:#2b3674!important;box-shadow:inset 0 0 0 30px #fff!important}.homeFormInner .fieldInput:focus{border-color:#2b3674;box-shadow:0 0 0 3px #23315c1a}.homeFormInner .fieldInput::placeholder{color:#2b367480}.homeFormInner .forgotLink{justify-content:flex-end;margin-top:clamp(-8px,-.5vw,-4px);display:flex}.homeFormInner .forgotLink button{color:#ff8a8a;cursor:pointer;background:0 0;border:none;font-size:clamp(14px,1vw,18px);text-decoration:underline}.homeFormInner .primaryBtn{cursor:pointer;color:#fff;background:#2b3674;border:none;border-radius:9999px;width:100%;margin-top:clamp(4px,.5vw,8px);padding:clamp(12px,1.2vw,16px);font-size:clamp(15px,1.1vw,18px);font-weight:600;transition:all .2s;position:relative;box-shadow:0 4px 6px -1px #23315c40}.homeFormInner .primaryBtn:hover{background:#1b2647}.homeFormInner .primaryBtn:disabled{color:#2b367480;cursor:not-allowed;box-shadow:none;background:#e8edf6}.homeFormInner .dividerRow{align-items:center;margin:clamp(12px,1.5vw,20px) 0;display:flex;position:relative}.homeFormInner .dividerRow .dividerLine{background:#e8edf6;flex:1;height:1px}.homeFormInner .dividerRow .dividerText{color:#2b367480;background:0 0;padding:0 clamp(8px,1vw,12px);font-size:clamp(13px,.9vw,16px);font-weight:500}.homeFormInner .googleBtn{cursor:pointer;color:#2b3674;background:#fff;border:1px solid #2b367433;border-radius:9999px;justify-content:center;align-items:center;gap:clamp(6px,.6vw,10px);width:100%;padding:clamp(12px,1.2vw,16px);font-size:clamp(14px,1.1vw,18px);font-weight:600;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.homeFormInner .googleBtn:hover{background:#e8edf6;border-color:#2b36744d}.homeFormInner .googleBtn img{width:clamp(18px,1.2vw,22px)!important;height:clamp(18px,1.2vw,22px)!important}.homeFormInner .ageQuestion{color:#2b3674;width:100%;margin-bottom:clamp(12px,1.5vw,20px);font-size:clamp(15px,1.1vw,18px)}.homeFormInner .ageGrid{gap:clamp(12px,1.5vw,20px);width:100%;margin-bottom:clamp(12px,1.5vw,24px);display:flex}.homeFormInner .ageCard{cursor:pointer;text-align:left;background:#fff;border:2px solid #2b367426;border-radius:12px;flex:1;align-items:flex-start;gap:clamp(8px,.8vw,12px);padding:clamp(14px,1.5vw,20px);transition:all .2s;display:flex}.homeFormInner .ageCard:hover{background:#e8edf6;border-color:#2b367440}.homeFormInner .ageCard.selected{background:#fef2f2;border-color:#f87171}.homeFormInner .ageCard .radio{border:2px solid #2b367433;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(18px,1.2vw,22px);height:clamp(18px,1.2vw,22px);margin-top:2px;display:flex}.homeFormInner .ageCard.selected .radio{background:#f87171;border-color:#f87171}.homeFormInner .ageCard .radioDot{background:#fff;border-radius:50%;width:clamp(6px,.4vw,8px);height:clamp(6px,.4vw,8px)}.homeFormInner .ageCard .ageTitle{color:#2b3674;font-size:clamp(14px,1.1vw,18px);font-weight:500}.homeFormInner .ageCard .ageDesc{color:#2b367480;margin-top:4px;font-size:clamp(12px,.9vw,14px);line-height:1.4}.homeFormInner .helperText{color:#2b367480;text-align:center;margin-top:clamp(12px,2vw,24px);font-size:clamp(13px,.9vw,16px)}.homeFormInner .errorText{color:#ef4444;font-size:clamp(13px,1vw,16px)}.lastUsedBadge{text-transform:uppercase;letter-spacing:.05em;color:#fff;white-space:nowrap;background:#2b3674;border-radius:9999px;padding:2px 8px;font-size:clamp(10px,.7vw,12px);position:absolute;top:-8px;right:-8px}@media (max-width:900px){.homeShell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.homeBrand{padding:clamp(16px,4vw,32px)}.homeBrand .brandMascot{width:clamp(80px,20vw,120px)}.homeFormInner{width:min(520px,94vw)}}@media (min-width:1600px){.homeFormInner{width:min(620px,50vw)}}.homeFormInner[style*=--partner-accent] .primaryBtn{background:var(--partner-accent)!important;color:#fff!important}.homeFormInner:has([style*=--partner-accent]) .primaryBtn{background:var(--partner-accent)!important;color:#fff!important}.homeFormInner[style*=--partner-accent] .forgotLink button{color:var(--partner-accent)!important}
