.authLoadingState{min-height:12rem;padding:4.5rem var(--spacing-lg) var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-md);color:color-mix(in srgb, var(--text) 60%, transparent);font-size:var(--font-sm);flex-direction:column;font-weight:300;display:flex}.authLoadingState p{margin:0}.authPage{background:var(--background);direction:rtl;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.authBg{z-index:2;pointer-events:none;position:fixed;inset:0}.authBg .gradient{position:absolute;inset:0}.authBg .waveRight{opacity:.5;position:absolute}.authBg .waveLeft{opacity:.32;position:absolute;bottom:0;left:0}.authLayout{z-index:1;grid-template-columns:1.25fr 1fr;min-height:100svh;display:grid;position:relative}@media (max-width:1200px){.authLayout{grid-template-columns:1fr}}.leftPanel{padding:var(--spacing-4xl) var(--spacing-4xl);justify-content:center;align-items:center;padding-bottom:19%;display:flex;position:relative}@media (max-width:1670px){.leftPanel{padding:var(--spacing-3xl)}}.leftPanel .header{width:100%;padding:var(--spacing-2xl) var(--spacing-3xl);flex-direction:row;justify-content:flex-end;display:flex;position:absolute;top:0;left:0}.leftPanel .header .topWave{top:-25%;bottom:auto;right:0;transform:scaleY(-.8)}.leftPanel .header .headerLogo{color:var(--text);font-family:var(--fontEng);font-size:var(--font-xl);align-items:center;margin-right:auto;font-weight:500;text-decoration:none;transition:opacity .3s;display:inline-flex}.leftPanel .header .headerLogo:hover{opacity:.85}.leftPanel .header .headerLogo .headerLogoText{font-weight:600;line-height:80%;font-size:var(--font-2xl);margin-top:-.2em;margin-bottom:-.3em}.leftPanel .triangleDecor{pointer-events:none;z-index:-1;position:absolute;top:0%;left:0%;width:100%!important;height:100%!important}.leftPanel .triangleDecor .TriangleGradSvg,.leftPanel .triangleDecor .TriangleLineGradSvg{position:absolute;bottom:-5%;width:100%!important;height:100%!important}.leftPanel .triangleDecor .TriangleGradSvg.TriangleLineGradSvg,.leftPanel .triangleDecor .TriangleLineGradSvg.TriangleLineGradSvg{bottom:15%}.leftPanel .sectionBackground{pointer-events:none;z-index:-999;background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 35%, transparent) -50%, var(--background) 60%);border-top-right-radius:3rem;border-bottom-right-radius:3rem;position:absolute;inset:0}.leftPanel .sectionBackground:after{content:"";border-bottom-right-radius:inherit;border-top-right-radius:inherit;opacity:.8;border-right:.1em solid color-mix(in srgb, var(--white) 10%, transparent);position:absolute;inset:0}@media (max-width:1200px){.leftPanel{display:none}}.leftPanel .content{z-index:1;flex-direction:column;justify-content:space-between;margin-top:auto;display:flex;position:relative}.leftPanel .heroText .landingTitleWrapper{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative}.leftPanel .heroText .landingTitleWrapper .landingTitle{font-size:var(--font-3xl);text-align:right;justify-content:flex-start;font-weight:400}@media (max-width:1320px){.leftPanel .heroText .landingTitleWrapper .landingTitle{font-size:var(--font-xl)}}.leftPanel .heroText .landingTitleWrapper .landingSubtitle{text-align:right;text-align:justify;line-height:1.8}@media (max-width:1320px){.leftPanel .heroText .landingTitleWrapper .landingSubtitle{font-size:1.1em;line-height:1.9}}.rightPanel{padding:var(--spacing-2xl) var(--spacing-lg);justify-content:center;align-items:center;display:flex}@media (max-width:1200px){.rightPanel{padding:var(--spacing-xl) var(--spacing-md);align-items:center;min-height:100svh}}.cardWrapper{width:420px;max-width:calc(100vw - 2rem);position:relative}.avatarFloat{z-index:2;margin-bottom:-4rem;z-index:999;border-radius:100%;justify-content:center;width:fit-content;height:fit-content;margin-inline:auto;display:flex;position:relative}@media (max-width:1200px){.avatarFloat{margin-bottom:-2.25rem}}.avatarReflect{filter:blur(3em);opacity:.2;z-index:-1;object-fit:cover;width:100%;position:absolute;top:-5%;right:0}.authCard{width:100%;position:relative;overflow:hidden}.authCard .cardSizer,.authCard .cardInner{width:100%}.flow{flex-direction:column;align-items:center;gap:0;width:100%;display:flex;overflow:hidden}.flow .flowStep{will-change:transform,opacity;width:100%}.onboardingFlow{flex-direction:column;width:100%;display:flex;overflow:hidden}.onboardingFlow .flowStep{will-change:transform,opacity;width:100%}.completeProfileFlow{width:100%;position:relative}.completeProfileFlow .completeProfileLogoutBtn{top:var(--spacing-md);left:var(--spacing-md);z-index:3;color:color-mix(in srgb, var(--text) 55%, transparent);position:absolute}.completeProfileFlow .completeProfileLogoutBtn:hover{color:var(--text)}@media (max-width:420px){.completeProfileFlow .completeProfileLogoutBtn{top:var(--spacing-xs);left:var(--spacing-xs)}}.stepContent{padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;width:100%;display:flex;position:relative}@media (max-width:1200px){.stepContent{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md);padding-top:4em}}.stepHeader{text-align:center;flex-direction:column;gap:.4em;display:flex}.stepHeader .stepTitle{font-size:var(--font-xl);margin:0;font-weight:400;line-height:1}.stepHeader .stepSubtitle{color:color-mix(in srgb, var(--text) 40%, transparent);text-align:center;margin:0;font-size:1em;font-weight:200;line-height:120%}.formGroup{gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}.formGroup.phoneInput{--surfaceSize:3em!important}.submitArea{flex-direction:column;align-items:stretch;width:100%;min-width:0;display:flex}.submitError,.submitStatus{width:100%;min-width:0;padding-bottom:var(--spacing-xs);overflow:hidden}.submitStatus{align-items:center;gap:var(--spacing-2xs);font-size:var(--font-xs);margin:0;font-weight:300;line-height:1.55;display:flex}.submitStatus.successMsg{color:var(--primary)}.submitStatus>.icon{flex:none}.submitBtn{width:100%;font-size:var(--font-md)}.submitBtn .btnLabel{margin-top:-.2em}.backBtn{top:var(--spacing-md);right:var(--spacing-md);z-index:3;position:absolute;background:var(--container)!important}.backBtn:hover{background:color-mix(in srgb, var(--text) 12%, transparent);color:var(--text)}@media (max-width:420px){.backBtn{top:var(--spacing-xs);right:var(--spacing-xs)}}.legalText{font-size:var(--font-xs);color:color-mix(in srgb, var(--text) 40%, transparent);text-align:right;margin:0;padding-inline:.75em;font-weight:200;line-height:1.2}.legalText .legalLink{color:var(--primary);font-size:inherit;cursor:pointer;padding:0;font-family:inherit;font-weight:200}.legalText .legalLink:hover{text-decoration:underline}.entryStep .divider{justify-content:center;align-items:center;display:flex;position:relative}.entryStep .divider:after{content:"";z-index:-1;opacity:.15;background:linear-gradient(90deg, transparent 0%, var(--text) 20%, transparent 45%, transparent 55%, var(--text) 75%, transparent 100%);width:100%;height:1px;position:absolute}.entryStep .divider .label{color:color-mix(in srgb, var(--text) 40%, transparent);white-space:nowrap;font-size:1em;font-weight:200}.entryStep .providers{gap:var(--spacing-xs);padding-bottom:var(--spacing-xs);flex-wrap:wrap;justify-content:center;display:flex}.entryStep .providers .providerBtn{background:var(--container);flex:1;font-size:1em}.entryStep .providers .providerBtn .content-wrapper{gap:.2em!important}@media (max-width:420px){.entryStep .providers .button{flex:0;aspect-ratio:1!important;width:var(--surfaceSize)!important;padding:0!important}.entryStep .providers .button .icon,.entryStep .providers .button svg{width:100%!important;height:100%!important}.entryStep .providers .btnLabel{display:none}}.otpStep .phoneHighlight{color:var(--primary);direction:ltr;font-size:1em}.otpStep .phoneHighlight:hover{opacity:.8}.otpStep .otpBoxes{direction:ltr;justify-content:center;gap:.5rem;display:flex}.otpStep .otpBoxes.shake{animation:.38s otpShake}.otpStep .otpBox{border:1.5px solid color-mix(in srgb, var(--text) 14%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--text) 4%, transparent);width:3rem;height:3.7rem;color:var(--text);font-size:1.45rem;font-family:var(--fontEng);text-align:center;caret-color:var(--primary);outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.otpStep .otpBox:focus{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.otpStep .otpBox.filled{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.otpStep .otpBox.errored{border-color:var(--error,#f75555);background:color-mix(in srgb, var(--error,#f75555) 6%, transparent)}.otpStep .otpBox.success{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}@media (max-width:380px){.otpStep .otpBox{width:2.6rem;height:3.2rem;font-size:1.2rem}}.otpStep .otpFooter .timerRow{justify-content:flex-start;align-items:center;gap:var(--spacing-xs);width:100%;font-size:var(--font-sm);color:color-mix(in srgb, var(--text) 50%, transparent);font-weight:300;display:flex}.otpStep .otpFooter .timerRow .object{color:var(--primary);align-items:center;gap:.3em;display:flex}.otpStep .otpFooter .timerRow .object strong{direction:ltr;align-items:center;gap:.1em;margin-bottom:-.1em;font-weight:300;display:flex}@keyframes otpShake{0%,to{transform:translate(0)}18%{transform:translate(-5px)}36%{transform:translate(5px)}54%{transform:translate(-4px)}72%{transform:translate(4px)}90%{transform:translate(-2px)}}.profileStep .avatarPicker{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.profileStep .avatarPicker .pickerAvatar{cursor:pointer}.profileStep .avatarPicker .avatarHint{font-size:var(--font-xs);color:color-mix(in srgb, var(--text) 48%, transparent);cursor:pointer;align-items:center;gap:.35em;margin:0;display:flex}.profileStep .avatarPicker .avatarHint:hover{color:color-mix(in srgb, var(--text) 72%, transparent)}.profileStep .domainPrefix{font-size:var(--font-md);color:color-mix(in srgb, var(--text) 50%, transparent);white-space:nowrap;direction:ltr;font-weight:200}.identityStep{height:fit-content}.identityStep .identityNotice{color:color-mix(in srgb, var(--text) 50%, transparent);align-items:flex-start;gap:.5em;font-weight:200;line-height:1.4;display:inline-flex}.identityStep .identityNotice .icon{opacity:.6;position:relative;bottom:-2px}.identityStep .identityNotice p{margin:0}.identityStep .nameRow{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}@media (max-width:380px){.identityStep .nameRow{grid-template-columns:1fr}}