.auth-shell{--font-sans:var(--font-inter), "Inter", system-ui, sans-serif;--auth-ink:#000;--auth-label:#424242;--auth-muted:#424242;--auth-card:#fff;--auth-border:#d2d2d2;min-height:100dvh;color:var(--auth-ink);font-family:var(--font-sans);background:#f7f7f7;justify-content:center;padding:24px;display:flex}.auth-shell[dir=rtl]{--font-sans:var(--font-landing-arabic), var(--font-inter), sans-serif}.auth-shell :is(input,button,textarea,select){font-family:var(--font-sans)}.auth-stage{gap:32px;width:100%;max-width:545px;margin-inline:auto}[data-theme=dark] .auth-shell{--auth-ink:#fff;--auth-label:#fff;--auth-muted:#b5b5b5;--auth-card:#1b1b1b;--auth-border:#2b2b2b;background:#080808}.auth-shell :is(button,a,input):focus-visible{outline-offset:3px;outline:2px solid #0170fd}.auth-stage{flex-direction:column;justify-content:safe center;align-items:center;min-width:0;padding-block:0;display:flex}.auth-route{flex-direction:column;align-items:center;width:100%;min-height:0;display:flex}@keyframes auth-route-enter{0%{opacity:.92;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.auth-route{animation:.3s ease-out auth-route-enter}}.auth-card{background:var(--auth-card);border:1px solid var(--auth-border);width:100%;max-width:521px;min-height:790px;color:var(--auth-ink);border-radius:16px;flex-direction:column;padding:43px 30px 116px;display:flex}.auth-heading{text-align:center;flex-shrink:0}.auth-heading :is(h1,h2){color:var(--auth-ink);margin:0;font-size:31px;font-weight:700;line-height:46.5px}.auth-heading h2{margin-top:10px}.auth-heading .auth-accent{color:#0170fd}.auth-card form{flex-direction:column;flex:1;min-height:0;display:flex}.auth-login form,.auth-register-form{margin-top:48px}.auth-fields{flex-direction:column;gap:16px;display:flex}.auth-shell .ds-control{background:var(--field-surface);color:var(--ds-text-primary);border:1px solid var(--field-border);height:48px;box-shadow:none;font-size:16px}.auth-shell .ds-control::placeholder{color:#707070}.auth-shell input[type=password],.auth-shell .auth-password input{height:44px!important}.auth-shell .ds-control:focus-visible{border-color:var(--ds-action-primary);box-shadow:0 4px 16px var(--field-glow);outline:none}.auth-shell .ds-control[aria-invalid=true]{border-color:var(--ds-status-error)}.auth-shell .ds-control[aria-invalid=true]:focus-visible{outline-color:var(--ds-status-error)}.auth-shell .ds-text-lg{font-size:20px;line-height:30px}.auth-shell [data-slot=form-label]{color:var(--auth-label)}.auth-shell label .ds-text-error{display:none}.auth-shell .ds-text-primary{color:var(--auth-label)}.auth-shell .ds-icon-lock{background:#707070;-webkit-mask-image:url(/auth-assets/lock.svg);mask-image:url(/auth-assets/lock.svg)}.auth-shell .ds-icon-hide{background:#707070;-webkit-mask-image:url(/auth-assets/hide.svg);mask-image:url(/auth-assets/hide.svg)}.auth-field-icon{pointer-events:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.auth-field-icon img{flex:none;max-width:none}.auth-shell .ds-btn-solid{color:#fff;background:#0170fd;border-color:#d2d2d2;height:48px;font-size:16px;line-height:24px}.auth-shell .ds-btn-solid:hover:not(:disabled){background:#0166e6}.auth-shell .ds-btn-solid:active:not(:disabled){background:#0150b4}.auth-actions{flex-direction:column;align-self:center;align-items:center;gap:16px;width:100%;max-width:345px;margin-top:auto;display:flex}.auth-actions>button{width:100%}.auth-account-link{text-align:center;color:var(--auth-muted);margin:0;font-size:10px;font-weight:400;line-height:20px}.auth-account-link a{color:#0170fd;font-size:13px;font-weight:500}.auth-preferences{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.auth-preferences a,.auth-shell .auth-terms{color:var(--auth-muted);font-size:13px;line-height:19.5px}.auth-shell [data-slot=checkbox]{color:#0170fd;background:#e6faff;border:0;border-radius:8px;width:24px;height:24px}.auth-shell [data-slot=checkbox][data-state=unchecked]{background:#fff;border:1px solid #d2d2d2}.auth-shell [data-slot=checkbox][data-state=checked]{background:url(/auth-assets/checkbox.svg) 50% no-repeat}.auth-shell [data-slot=checkbox][data-state=checked] svg{opacity:0}.auth-shell label{color:var(--auth-muted)}.auth-shell .auth-terms~label{font-size:13px;line-height:24px}.auth-shell .auth-terms-link{color:#0170fd;text-underline-offset:3px;font-weight:600;text-decoration:underline}.auth-shell .space-y-2>*{margin-block:0}.auth-preferences label,.auth-terms label{font-size:13px;line-height:24px}[data-theme=dark] .auth-login{min-height:820px;padding-top:88px;padding-bottom:108px}[data-theme=dark] .auth-login form{margin-top:40px}.auth-register{padding-bottom:45px}.auth-registration-step{flex-direction:column;flex:1;min-height:0;display:flex}.auth-register-form{gap:16px}.auth-register>.auth-account-link{margin-top:16px}.auth-shell .auth-step-back{width:auto;height:auto;min-height:0;color:var(--auth-muted);background:0 0;border:0;border-radius:0;padding:0;font-size:13px;font-weight:400}.auth-shell .auth-account-link .ds-text-primary{color:#0170fd;font-size:13px}.auth-shell{position:relative}.auth-landing-back{z-index:1;border:1px solid var(--auth-border);background:var(--auth-card);height:40px;color:var(--auth-muted);border-radius:999px;align-items:center;gap:8px;padding-inline:14px 16px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex;position:absolute;inset-block-start:24px;inset-inline-start:24px}.auth-landing-back:hover{color:#0170fd;border-color:#0170fd}.auth-landing-back>svg{width:18px;height:18px}.auth-shell[dir=rtl] .auth-landing-back>svg{transform:scaleX(-1)}.auth-register .auth-terms{margin:0}.auth-register .auth-actions{padding-top:48px}.auth-registration-actions{position:relative}.auth-step-back{color:var(--auth-muted);align-self:center;font-size:13px;text-decoration:underline;position:absolute;top:-36px}.auth-card--company{height:820px;padding:24px 30px;overflow:visible}.auth-card--company .auth-register-form{flex:none;margin-top:60px}.auth-upload{flex-direction:column;gap:16px;margin-top:16px;display:flex}.auth-upload-label{color:var(--auth-label);font-size:20px;font-weight:700;line-height:30px}.auth-upload-dropzone{color:#707070;cursor:pointer;background:#fff;border:1px solid #d2d2d2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:118px;display:flex}.auth-upload-dropzone p{font-size:16px;font-weight:400;line-height:24px;color:#707070!important}.auth-account-type{max-width:545px;min-height:726px;padding:72px 50px 124px}.auth-account-type h1{text-align:center;margin:0 0 56px;font-size:31px;font-weight:700;line-height:46.5px}.auth-account-options{grid-template-columns:1fr 1fr;gap:36px;display:grid}.auth-account-option{border:1px solid var(--auth-border);min-height:231px;color:var(--auth-ink);background:var(--auth-card);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:9px;padding:24px 16px;transition:background .15s,border-color .15s;display:flex}.auth-account-option strong{text-transform:lowercase;font-size:25px;line-height:37.5px}.auth-account-option p{margin-top:7px;font-size:16px;line-height:24px}.auth-account-option .auth-account-glyph{width:48px;height:48px;-webkit-mask:var(--account-icon) center / 48px 48px no-repeat;mask:var(--account-icon) center / 48px 48px no-repeat;background:currentColor}.auth-account-option[aria-pressed=true]{color:#fff;background:#086fe8;border-color:#086fe8}.auth-account-next{align-self:center;width:100%;max-width:345px;margin-top:112px}.auth-account-next .ds-btn-solid{background:#086fe8;font-size:20px;line-height:30px}.auth-account-type .auth-account-link{margin-top:16px}.auth-recovery{min-height:682px;padding:88px 30px 100px}.auth-recovery h1{font-size:31px;line-height:46.5px}.auth-recovery>div>.text-center:first-child{margin-bottom:56px}.auth-recovery>div>.text-center:first-child p{max-width:357px;color:var(--auth-muted);margin-inline:auto;font-size:16px;line-height:24px}.auth-recovery form{gap:16px}.auth-recovery form>.ds-btn-solid{align-self:center;max-width:345px;margin-top:96px}.auth-recovery form>button:last-child:not(.ds-btn-solid){color:var(--auth-muted);font-size:13px}.auth-verify .auth-heading{margin-bottom:56px}.auth-verify-description{max-width:357px;color:var(--auth-muted);margin:8px auto 0;font-size:16px;line-height:24px}.auth-otp{direction:ltr;justify-content:center;gap:8px;margin-bottom:112px;display:flex}.auth-otp-digit{border:1px solid var(--field-border);background:var(--field-surface);color:#424242;width:66px;height:84px;box-shadow:none;border-radius:12px}.auth-recovery-content{flex-direction:column;flex:1;min-height:0;display:flex}.auth-recovery-content .auth-heading{margin-bottom:48px}.auth-recovery-content .auth-heading p{color:var(--auth-muted);margin-top:8px;font-size:16px;line-height:24px}.auth-recovery-content>.ds-btn-solid{align-self:center;max-width:345px;margin-top:auto}.auth-recovery .auth-otp{margin-bottom:40px}.auth-recovery .auth-otp-digit{color:var(--auth-ink)}[data-theme=dark] .auth-shell .auth-upload-dropzone{color:var(--auth-ink);border-color:var(--auth-border);background:var(--auth-card)!important}[data-theme=dark] .auth-shell .ds-control::placeholder{color:var(--ds-text-placeholder)}[data-theme=dark] .auth-shell .auth-upload-dropzone p{color:var(--auth-muted)!important}[data-theme=dark] .auth-shell .auth-field-icon img{filter:brightness(0)invert(.85)}[data-theme=dark] .auth-shell :is(.ds-icon-lock,.ds-icon-hide){background:var(--ds-text-secondary)}[data-theme=dark] .auth-shell [data-slot=checkbox][data-state=unchecked]{background:var(--auth-card);border-color:var(--auth-border)}@media (min-width:601px){.auth-shell{height:100dvh;min-height:0;overflow:hidden}.auth-stage{justify-content:center;height:calc(100dvh - 48px);padding:0}.auth-brand{height:clamp(56px,9.67dvh,99px)}.auth-stage{gap:clamp(16px,3.125dvh,32px)}.auth-route{flex:none;max-height:calc(100% - clamp(56px,9.67dvh,99px) - clamp(16px,3.125dvh,32px))}.auth-card{flex-shrink:1;height:min(790px,100dvh - 48px - clamp(56px,9.67dvh,99px) - clamp(16px,3.125dvh,32px));min-height:0;padding-top:clamp(24px,4.2dvh,43px);padding-bottom:clamp(24px,11.3dvh,116px)}[data-theme=dark] .auth-login{height:min(820px,100dvh - 48px - clamp(56px,9.67dvh,99px) - clamp(16px,3.125dvh,32px));min-height:0;padding-top:clamp(24px,8.6dvh,88px);padding-bottom:clamp(24px,10.5dvh,108px)}.auth-login form,.auth-register-form{margin-top:clamp(20px,4.68dvh,48px)}.auth-account-type{height:min(726px,100dvh - 48px - clamp(56px,9.67dvh,99px) - clamp(16px,3.125dvh,32px));padding:clamp(24px,7dvh,72px) 50px clamp(24px,12dvh,124px)}.auth-account-type h1{margin-bottom:clamp(24px,5.4dvh,56px)}.auth-account-next{margin-top:auto;padding-top:24px}.auth-register{padding-bottom:clamp(20px,4.4dvh,45px)}.auth-card--company{height:min(820px,100dvh - 48px - clamp(56px,9.67dvh,99px) - clamp(16px,3.125dvh,32px));padding:24px 30px}.auth-card--company .auth-heading :is(h1,h2){font-size:27px;line-height:36px}.auth-card--company .auth-heading h2{margin-top:4px}.auth-card--company .auth-register-form{flex:1;gap:10px;margin-top:20px}.auth-card--company .ds-text-lg,.auth-card--company .auth-upload-label{font-size:16px;line-height:24px}.auth-card--company .auth-upload{gap:8px;margin-top:0}.auth-card--company .auth-upload-dropzone{min-height:80px}.auth-card--company .auth-upload-dropzone>div,.auth-card--company .auth-upload-dropzone>div>div:first-child{background:0 0;padding:0}.auth-card--company .auth-upload-dropzone p{font-size:13px;line-height:20px}.auth-card--company .auth-actions{padding-top:32px}.auth-card--company .auth-step-back{top:6px}}@media (min-width:601px) and (max-height:850px){.auth-heading :is(h1,h2){font-size:27px;line-height:36px}.auth-heading h2{margin-top:4px}[data-theme=dark] .auth-login form{margin-top:24px}.auth-shell .ds-text-lg{font-size:16px;line-height:24px}.auth-shell .ds-control{height:42px!important}.auth-fields,.auth-register-form{gap:12px}.auth-register .auth-actions{padding-top:32px}.auth-step-back{top:4px}.auth-card--company{padding-block:20px}.auth-card--company .auth-register-form{gap:6px;margin-top:8px}.auth-card--company .space-y-2{gap:4px}.auth-card--company .ds-text-lg{font-size:16px;line-height:20px}.auth-card--company .ds-control,.auth-card--company input[type=password]{height:38px!important}.auth-card--company .auth-upload{gap:6px}.auth-card--company .auth-upload-dropzone{min-height:52px}.auth-card--company .auth-upload-label{line-height:20px}.auth-card--company .auth-heading :is(h1,h2){font-size:24px;line-height:30px}.auth-card--company .auth-account-link{margin-top:8px}}.auth-shell .ds-btn-solid,.auth-account-option{transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .18s,border-color .18s}.auth-account-option:hover{transform:translateY(-3px)}.auth-account-option:active{transform:translateY(0)scale(.98)}@media (prefers-reduced-motion:reduce){.auth-shell *{transition-duration:.01ms!important;animation-duration:.01ms!important}.auth-account-option:hover{transform:none}}@media (max-width:600px){.auth-card{min-height:700px;padding-inline:24px}.auth-shell{padding:16px}.auth-account-type{padding:40px 24px}.auth-account-options{gap:16px}.auth-account-option{padding:24px 8px}.auth-account-option strong{font-size:22px}.auth-account-option p{font-size:14px}.auth-otp-digit{width:calc(16.6667vw - 21.3333px);height:64px}.auth-shell{flex-direction:column}.auth-landing-back{align-self:flex-start;margin-bottom:16px;position:static}.auth-card--company{height:auto;min-height:0;padding-block:28px}.auth-card--company .auth-register-form{margin-top:32px}}.auth-shell:has(:is(.auth-login,.auth-register,.auth-account-type)){height:auto;min-height:100dvh;padding:24px;overflow:visible}.auth-shell:has(:is(.auth-login,.auth-register,.auth-account-type)) .auth-stage{gap:20px;max-width:640px;height:auto;min-height:calc(100dvh - 48px)}.auth-shell:has(:is(.auth-login,.auth-register,.auth-account-type)) .auth-brand{width:220px;height:64px}.auth-shell:has(:is(.auth-login,.auth-register,.auth-account-type)) .auth-route{max-height:none}.auth-shell :is(.auth-login,.auth-register,.auth-account-type){border-radius:22px;flex-shrink:0;max-width:480px;height:auto;min-height:0;padding:32px;box-shadow:0 12px 40px #10182006}.auth-shell .auth-card--company{max-width:640px}.auth-shell :is(.auth-login,.auth-register,.auth-account-type) .auth-heading h1{font-size:28px;line-height:38px}.auth-shell :is(.auth-login,.auth-register,.auth-account-type) .auth-heading h2{color:var(--auth-muted);margin-top:6px;font-size:16px;font-weight:500;line-height:24px}.auth-shell :is(.auth-login,.auth-register) form{flex:none;gap:18px;margin-top:28px}.auth-shell :is(.auth-login,.auth-register) .auth-fields{gap:18px}.auth-shell :is(.auth-login,.auth-register) .space-y-2{gap:7px}.auth-shell :is(.auth-login,.auth-register) .ds-text-lg{font-size:14px;font-weight:600;line-height:22px}.auth-shell :is(.auth-login,.auth-register) .ds-control{box-shadow:none;border-radius:12px;padding-inline:48px 16px;font-size:15px;line-height:24px;height:48px!important}.auth-shell :is(.auth-login,.auth-register) input[type=password],.auth-shell .auth-login .auth-password input{height:48px!important}.auth-shell :is(.auth-login,.auth-register) .start-6{inset-inline-start:16px}.auth-shell :is(.auth-login,.auth-register) .end-4{inset-inline-end:10px}.auth-shell :is(.auth-login,.auth-register) .auth-field-icon,.auth-shell :is(.auth-login,.auth-register) .auth-field-icon img{width:20px;height:20px}.auth-shell :is(.auth-login,.auth-register) .auth-preferences{align-items:center;margin-top:0}.auth-shell :is(.auth-login,.auth-register) [data-slot=checkbox]{border-radius:6px;flex-shrink:0;width:20px;height:20px}.auth-shell :is(.auth-login,.auth-register) .auth-actions{gap:16px;max-width:none;margin-top:8px;padding-top:0}.auth-shell :is(.auth-login,.auth-register,.auth-account-type) .ds-btn-solid{border:0;border-radius:12px;height:48px;font-size:16px;font-weight:600}.auth-shell :is(.auth-login,.auth-register,.auth-account-type) .auth-account-link{border-top:1px solid var(--auth-border);width:100%;color:var(--auth-label);padding-top:18px;font-size:15px;font-weight:500;line-height:26px}.auth-shell :is(.auth-login,.auth-register,.auth-account-type) .auth-account-link a{color:#0864cf;text-underline-offset:4px;margin-inline-start:4px;font-size:15px;font-weight:700;line-height:26px;text-decoration:underline;text-decoration-thickness:1px;display:inline-block}[data-theme=dark] .auth-shell :is(.auth-login,.auth-register,.auth-account-type) .auth-account-link a{color:#559ffe}.auth-shell .auth-register>.auth-account-link{margin-top:20px}.auth-shell .auth-register .auth-step-back{order:2;width:auto;min-height:24px;padding:0;font-size:14px;position:static}.auth-shell .auth-card--company .auth-register-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.auth-shell .auth-card--company .auth-register-form>:is(.auth-upload,.auth-actions,div:has(>.auth-terms)){grid-column:1/-1}.auth-shell .auth-register .auth-upload{gap:8px;margin-top:0}.auth-shell .auth-register .auth-upload-label{font-size:14px;line-height:22px}.auth-shell .auth-register .auth-upload-dropzone{border-style:dashed;border-radius:12px;min-height:72px;padding:12px 16px}.auth-shell .auth-register .auth-upload-dropzone p{font-size:13px;line-height:20px}.auth-shell .auth-account-type .auth-heading{margin-bottom:28px}.auth-shell .auth-account-type .auth-heading h1{margin:0}.auth-shell .auth-account-options{gap:16px}.auth-shell .auth-account-option{text-align:center;gap:10px;min-height:180px;padding:24px 12px}.auth-shell .auth-account-option strong{font-size:20px;line-height:28px}.auth-shell .auth-account-option p{margin-top:0;font-size:14px;line-height:22px}.auth-shell .auth-account-next{max-width:none;margin-top:28px;padding-top:0}.auth-shell .auth-account-next .ds-btn-solid:not(:disabled){background:#0170fd}.auth-shell .auth-account-next .ds-btn-solid:hover:not(:disabled){background:#0166e6}@media (min-width:601px) and (max-height:850px){.auth-shell .auth-card--company{padding:24px}.auth-shell .auth-card--company .auth-register-form{gap:12px 20px;margin-top:20px}.auth-shell .auth-card--company .auth-upload-dropzone{min-height:60px}.auth-shell .auth-card--company .auth-actions{gap:8px}}@media (max-width:600px){.auth-shell:has(:is(.auth-login,.auth-register,.auth-account-type)){padding:16px}.auth-shell:has(:is(.auth-login,.auth-register,.auth-account-type)) .auth-stage{gap:16px;min-height:calc(100dvh - 32px)}.auth-shell :is(.auth-login,.auth-register,.auth-account-type){border-radius:18px;padding:28px 22px}.auth-shell .auth-card--company .auth-register-form{grid-template-columns:1fr}.auth-shell :is(.auth-login,.auth-register) .auth-heading h1,.auth-shell .auth-account-type h1{font-size:25px;line-height:34px}}
