.login{--login-page:var(--background);--login-surface:var(--workbench-bg);--login-surface-hover:var(--workbench-bg-hover);--login-ink:var(--workbench-text);--login-soft:var(--workbench-text-muted);--login-muted:var(--workbench-text-faint);--login-rule:var(--workbench-divider);--login-edge:linear-gradient(in oklab 180deg, #ffffff24, #ffffff0d);--login-radius:6px;--login-control:40px;--login-text:14px;background:var(--login-page);min-height:100dvh;color:var(--login-soft);font-family:var(--font-login), system-ui, sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html:has(.login) body{background:var(--login-page,#171717);height:auto;position:static;overflow:visible}@media (max-width:767px),(any-pointer:coarse){.login{--login-control:44px;--login-text:16px}}.login-shell{--login-nav-height:0px;min-height:calc(100dvh - var(--login-nav-height));display:flex}.login-nav{background:var(--color-landing-bg)}.login-nav+.login-shell{--login-nav-height:64px}.login-side{flex-direction:column;flex:50%;min-width:0;display:flex}.login-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 24px 40px;display:flex}.login-card{text-align:center;flex-direction:column;align-items:center;width:min(320px,100%);display:flex}.login-card-logo{width:134px;height:22px}.login .login-card-title{color:var(--login-ink);letter-spacing:-.02em;padding-top:36px;font-size:22px;font-weight:600;line-height:28px}.login .login-card-description{color:var(--login-soft);text-wrap:balance;padding-top:8px;font-size:14px;line-height:20px}.login-card-actions{flex-direction:column;align-self:stretch;gap:8px;padding-top:32px;display:flex}.login-page{flex-direction:column;flex:1;align-self:stretch;align-items:center;display:flex}.login-form{flex-direction:column;gap:32px;width:min(360px,100%);margin-block:auto;display:flex}.login .login-legal{width:min(400px,100%);color:var(--login-muted);text-wrap:balance;margin-top:24px;font-size:12px;line-height:18px}.login .login-legal a{color:var(--login-soft);text-underline-offset:2px;text-decoration-color:#ffffff4d;text-decoration-thickness:1px}.login .login-legal a:hover{color:var(--login-ink)}.login-figure{display:none}@media (min-width:1024px){.login-figure{flex:0 0 50%;justify-content:flex-end;align-items:center;min-width:0;padding:16px 16px 16px 0;display:flex}.login-plate{width:min(100%, calc((100dvh - var(--login-nav-height) - 32px) * 702 / 548));aspect-ratio:702/548;background:-webkit-image-set(url(/sign-in/plate-1400.webp) 1x, url(/sign-in/plate-2100.webp) 2x) center / cover padding-box, linear-gradient(#000305, #000305) padding-box, var(--login-edge) border-box;background:image-set(url(/sign-in/plate-1400.webp) 1x, url(/sign-in/plate-2100.webp) 2x) center / cover padding-box, linear-gradient(#000305, #000305) padding-box, var(--login-edge) border-box;border:1px solid #0000;border-radius:12px}}@media (max-width:767px){.login-main{justify-content:flex-start;padding:72px 24px 32px}.login-form{margin-block:0 auto}}.login .cl-rootBox,.login .cl-cardBox{width:100%}.login .cl-cardBox{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.login .cl-card{box-shadow:none;background:0 0;border:0;border-radius:0;gap:32px;margin:0;padding:0}.login .cl-header{text-align:left;align-items:stretch;gap:6px}.login .cl-identityPreview{justify-content:flex-start;padding:0}.login .cl-identityPreviewText{color:var(--login-ink)}.login .cl-identityPreviewEditButton,.login .cl-identityPreviewEditButtonIcon{color:var(--login-muted)}.login .cl-identityPreviewEditButton:hover,.login .cl-identityPreviewEditButton:hover .cl-identityPreviewEditButtonIcon{color:var(--login-soft)}.login .cl-cardBox .cl-formResendCodeLink{color:var(--login-muted);text-align:left;justify-content:flex-start;align-self:flex-start}.login .cl-cardBox .cl-formResendCodeLink:hover:not(:disabled){color:var(--login-soft)}.login .cl-backRow{margin-inline:0}.login .cl-backLink{color:var(--login-soft)}.login .cl-backRow a:hover .cl-backLink{color:var(--login-ink)}.login .cl-otpCodeField{align-self:stretch}.login .cl-otpCodeFieldInputs{grid-template-columns:repeat(6,1fr);gap:8px;width:100%;display:grid}.login .cl-otpCodeFieldInput{width:auto;height:calc(var(--login-control) + 8px)}.login .cl-cardBox .cl-otpCodeFieldErrorText{left:0}.login .cl-headerTitle{color:var(--login-ink);letter-spacing:-.01em;font-size:20px;font-weight:500;line-height:28px}.login .cl-headerSubtitle{color:var(--login-soft);letter-spacing:-.01em;font-size:15px;line-height:22px}.login .cl-main{gap:20px}.login .cl-socialButtons{gap:8px}.login .cl-cardBox :is(.cl-socialButtonsBlockButton,.cl-alternativeMethodsBlockButton){min-height:var(--login-control);border-radius:var(--login-radius);background:var(--login-surface);box-shadow:var(--workbench-control-shadow);color:var(--login-ink);border:0;transition:none}.login .cl-cardBox :is(.cl-socialButtonsBlockButton,.cl-alternativeMethodsBlockButton):hover,.login .cl-cardBox :is(.cl-socialButtonsBlockButton,.cl-alternativeMethodsBlockButton):focus-visible{background:var(--login-surface-hover)}.login .cl-cardBox :is(.cl-socialButtonsBlockButton,.cl-alternativeMethodsBlockButton):focus{box-shadow:var(--workbench-control-shadow)}.login .cl-socialButtonsBlockButtonText,.login .cl-alternativeMethodsBlockButtonText{color:var(--login-ink);font-size:var(--login-text);letter-spacing:-.01em;font-weight:400}.login .cl-socialButtonsProviderIcon{width:16px;height:16px}.login .cl-dividerLine{background:var(--login-rule)}.login .cl-dividerText{color:var(--login-muted);font-size:13px;line-height:18px}.login .cl-form{gap:12px}.login .cl-formFieldLabel{color:var(--login-soft);font-size:13px;font-weight:400;line-height:18px}.login .cl-formFieldAction,.login .cl-formFieldHintText{color:var(--login-muted);font-size:13px;font-weight:400;line-height:18px;text-decoration:none}:is(.login .cl-formFieldAction,.login .cl-formFieldHintText):hover,:is(.login .cl-formFieldAction,.login .cl-formFieldHintText):focus{color:var(--login-soft);text-decoration:none}.login .cl-formFieldInput,.login .cl-otpCodeFieldInput{min-height:var(--login-control);border-radius:var(--login-radius);background:var(--login-surface);box-shadow:var(--workbench-control-shadow);color:var(--login-ink);font-size:var(--login-text);letter-spacing:-.01em;border:0;transition:none}:is(.login .cl-formFieldInput,.login .cl-otpCodeFieldInput)::placeholder{color:var(--login-muted)}:is(.login .cl-formFieldInput,.login .cl-otpCodeFieldInput):hover,:is(.login .cl-formFieldInput,.login .cl-otpCodeFieldInput):focus{background:var(--login-surface-hover);box-shadow:var(--workbench-control-shadow)}.login .cl-formFieldInput{padding-inline:12px}.login .cl-phoneInputBox{min-height:var(--login-control);border-radius:var(--login-radius);background:var(--login-surface);box-shadow:var(--workbench-control-shadow);border:0}.login .cl-phoneInputBox:hover,.login .cl-phoneInputBox:focus-within{background:var(--login-surface-hover);box-shadow:var(--workbench-control-shadow)}.login .cl-phoneInputBox .cl-formFieldInput,.login .cl-phoneInputBox .cl-formFieldInput:hover,.login .cl-phoneInputBox .cl-formFieldInput:focus{min-height:0;max-height:none;box-shadow:none;background:0 0;border:0;padding-inline:4px 12px}.login .cl-phoneInputBox .cl-selectButton,.login .cl-phoneInputBox p{color:var(--login-ink);font-size:var(--login-text)}.login .cl-cardBox .cl-formButtonPrimary{min-height:var(--login-control);border-radius:var(--login-radius);background:var(--brand);box-shadow:var(--workbench-control-shadow);color:var(--color-on-accent);font-size:var(--login-text);letter-spacing:-.01em;text-transform:none;border:0;font-weight:500;transition:none}.login .cl-cardBox .cl-formButtonPrimary:hover,.login .cl-cardBox .cl-formButtonPrimary:focus-visible{background:var(--color-kino-400)}.login .cl-cardBox .cl-formButtonPrimary:focus{box-shadow:var(--workbench-control-shadow)}.login .cl-cardBox .cl-formButtonPrimary:after{display:none}.login .cl-buttonArrowIcon{display:none}.login .cl-footer{box-shadow:none;background:0 0;border:0;align-items:flex-start;margin-top:24px;padding:0}.login .cl-footer:not(:has(.cl-footerAction)){margin-top:0}.login .cl-footerAction{gap:5px;margin:0;padding:0}.login .cl-footerItem{display:none}.login .cl-footerActionText{color:var(--login-soft);font-size:var(--login-text);line-height:20px}.login .cl-footerActionLink{color:var(--login-ink);font-size:var(--login-text);text-underline-offset:3px;font-weight:400;line-height:20px;-webkit-text-decoration:underline #ffffff61;text-decoration:underline #ffffff61;text-decoration-thickness:1px}.login .cl-footerActionLink:hover,.login .cl-footerActionLink:focus-visible{color:#fff;text-decoration-color:#ffffff9e}