.login-form{gap:1rem;display:grid}.demo-accounts{border-top:1px dashed var(--border-strong-color);gap:.5rem;padding-top:1rem;display:grid}.demo-accounts__header{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.demo-accounts__header h2{font-size:.875rem}.demo-accounts__hint{color:var(--text-muted-color);font-size:.75rem}.demo-accounts__list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.demo-accounts__item{width:100%;font:inherit;text-align:left;color:var(--text-color);background-color:var(--background-color);border:1px solid var(--border-color);cursor:pointer;border-radius:.5rem;grid-template-columns:minmax(0,1fr) auto;gap:.1rem .5rem;padding:.5rem .75rem;transition:border-color .12s cubic-bezier(.2,.8,.2,1),background-color .12s cubic-bezier(.2,.8,.2,1);display:grid}.demo-accounts__item:hover:not(:disabled){border-color:var(--primary-color);background-color:var(--primary-color-light)}.demo-accounts__item:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.demo-accounts__item:disabled{cursor:wait;opacity:.6}.demo-accounts__name{font-size:.875rem;font-weight:600}.demo-accounts__email{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted-color);grid-column:1;font-size:.75rem;overflow:hidden}.demo-accounts__roles{flex-flow:wrap;grid-area:1/2/span 2;justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.login-form__lead{color:var(--text-muted-color);font-size:.875rem}.login-form__hint{color:var(--text-muted-color);font-size:.75rem;font-weight:400}.login-form__link{color:var(--primary-text-color);font-size:.875rem;font-weight:500}.login-form__link:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.login-form__alternate{text-align:center;color:var(--text-muted-color);font-size:.875rem}.login-form__code .input__native{letter-spacing:.1em;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace}.login-form__restart{justify-content:center;display:flex}.login-form__sso{gap:.5rem;display:grid}.login-form__divider{color:var(--text-muted-color);flex-direction:row;justify-content:center;align-items:center;gap:.75rem;margin:0;font-size:.75rem;font-weight:500;display:flex}.login-form__divider:before,.login-form__divider:after{content:"";background-color:var(--border-color);flex:1;height:1px}.demo-accounts--collapsible{background-color:var(--background-color);border:1px dashed var(--border-strong-color);border-radius:.5rem;padding:.75rem 1rem}.demo-accounts--collapsible>.demo-accounts__header{cursor:pointer;list-style:none}.demo-accounts--collapsible>.demo-accounts__header::-webkit-details-marker{display:none}.demo-accounts--collapsible>.demo-accounts__header:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.demo-accounts--collapsible[open]>.demo-accounts__header{margin-bottom:.5rem}.demo-accounts--collapsible .demo-accounts__title{font-size:.875rem;font-weight:600}.demo-accounts__code{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.demo-accounts__code strong{letter-spacing:.2em;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:1.25rem}.auth-result{text-align:center;justify-items:center;gap:.75rem;display:grid}.auth-result h2{font-size:1.125rem}.auth-result p{color:var(--text-muted-color);font-size:.875rem}.auth-result__icon{width:2.5rem;height:2.5rem;color:var(--primary-color)}.auth-result__icon--success{color:var(--success-color)}.auth-result__icon--error{color:var(--error-color)}.auth-shell__footer{justify-content:center;display:flex}.legal-consent{gap:.5rem;display:grid}.legal-consent__links{color:var(--text-muted-color);margin:0;font-size:.875rem}.legal-consent__links a{color:var(--primary-text-color)}.login-form--code{text-align:center;flex-direction:column;align-items:stretch;gap:1.25rem;display:flex}.login-form--code .login-form__lead{margin:0;line-height:1.6}.login-form--code .field__label,.login-form--code .field__hint,.login-form--code .field__error{text-align:center;width:100%}.login-form--code .field--group>.field__label{float:none;margin-bottom:.75rem}.login-form--code .field__hint{margin-top:.75rem}.login-form--code .otp-input{justify-content:center;margin-inline:auto}.login-form--code .login-form__code .input__native{text-align:center}.login-form--code>.btn--ghost{align-self:center}.login-form--code .demo-accounts{text-align:left}.login-form__code-icon{background:rgba(var(--primary-rgb), .12);width:3.5rem;height:3.5rem;color:var(--primary-text-color);border-radius:9999px;align-self:center;place-items:center;display:grid}.login-form__code-icon svg{width:1.75rem;height:1.75rem}.login-form__restart--center{justify-content:center;display:flex}:is(.auth-shell__card:has(.login-form--code,.auth-result)>.auth-shell__title,.auth-shell__card:has(.login-form--code,.auth-result)>.auth-shell__text){text-align:center}
.lang-switch{background-color:var(--surface-active-color);border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;gap:0;padding:2px;display:flex}.lang-switch__item{min-width:2.25rem;min-height:2rem;color:var(--text-muted-color);letter-spacing:.04em;border-radius:9999px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.lang-switch__item[aria-current=true]{color:var(--primary-text-color);background-color:var(--surface-color);box-shadow:var(--shadow-sm)}.auth-shell{background-color:var(--surface-color);min-height:100dvh;display:grid}@media (min-width:1024px){.auth-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (min-width:1280px){.auth-shell{grid-template-columns:minmax(0,11fr) minmax(0,10fr)}}.auth-shell__aside{isolation:isolate;color:var(--primary-contrast);background:radial-gradient(60% 50% at 0% 0%, color-mix(in srgb, var(--primary-color-hover) 70%, transparent), transparent 70%),linear-gradient(160deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color-active) 82%, var(--background-color)) 100%);display:none;position:relative;overflow:hidden}@media (min-width:1024px){.auth-shell__aside{grid-template-rows:auto auto minmax(0,1fr);gap:2rem;height:100dvh;padding:2rem 2.5rem 0;display:grid;position:sticky;top:0}}@media (min-width:1280px){.auth-shell__aside{padding:2.5rem 4rem 0}}.auth-shell__aside-glow{z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--primary-contrast) 22%, transparent) 1px, transparent 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 30% 20%,#000,#0000 80%);mask-image:radial-gradient(80% 60% at 30% 20%,#000,#0000 80%)}.auth-shell__aside-glow:after{aspect-ratio:1;content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--chart-3-color,var(--primary-color)) 45%, transparent), transparent);opacity:.6;width:70%;position:absolute;bottom:-20%;right:-10%}.auth-shell__back{flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;transition-property:background-color,border-color,color;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,.8,.2,1);display:flex}@media (prefers-reduced-motion:reduce){.auth-shell__back{transition:none}}.auth-shell__back{border-radius:9999px;justify-self:start;min-height:2.5rem;padding:0 1rem 0 .75rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.auth-shell__back:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.auth-shell__back--aside{color:var(--primary-contrast);background-color:color-mix(in srgb, var(--primary-contrast) 14%, transparent);border:1px solid color-mix(in srgb, var(--primary-contrast) 28%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-shell__back--aside:hover{background-color:color-mix(in srgb, var(--primary-contrast) 24%, transparent)}.auth-shell__back--bar{color:var(--text-color);background-color:var(--surface-active-color);border:1px solid var(--border-color)}.auth-shell__back--bar:hover{color:var(--primary-text-color);border-color:var(--primary-color)}@media (min-width:1024px){.auth-shell__back--bar{visibility:hidden}}.auth-shell__pitch{align-content:start;gap:1rem;max-width:34rem;display:grid}@media (min-height:900px){.auth-shell__pitch{padding-top:2rem}}.auth-shell__brand{font-family:var(--font-heading,"Fira Sans"),"Fira Sans",var(--font-body,"Inter"),system-ui,"Segoe UI",sans-serif;letter-spacing:-.015em;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.auth-shell__brand--inverse{color:var(--primary-contrast)}.auth-shell__brand--inverse .brand-mark{background-color:var(--primary-contrast);border-radius:.5rem;padding:4px}.auth-shell__brand--compact{color:var(--text-color)}@media (min-width:1024px){.auth-shell__brand--compact{display:none}}.auth-shell__pitch-title{font-family:var(--font-heading,"Fira Sans"),"Fira Sans",var(--font-body,"Inter"),system-ui,"Segoe UI",sans-serif;letter-spacing:-.02em;text-wrap:balance;margin:.5rem 0 0;font-size:clamp(1.9rem,2.6vw,2.6rem);font-weight:700;line-height:1.1}.auth-shell__pitch-body{color:color-mix(in srgb, var(--primary-contrast) 82%, transparent);margin:0;font-size:1.125rem;line-height:1.55}.auth-shell__benefits{gap:.75rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.auth-shell__benefits li{color:color-mix(in srgb, var(--primary-contrast) 80%, transparent);grid-template-columns:auto 1fr;align-items:start;gap:.75rem;font-size:.875rem;line-height:1.55;display:grid}.auth-shell__benefits strong{color:var(--primary-contrast);font-size:1rem;font-weight:600;display:block}.auth-shell__benefit-icon{width:2.25rem;height:2.25rem;color:var(--primary-contrast);background-color:color-mix(in srgb, var(--primary-contrast) 14%, transparent);border:1px solid color-mix(in srgb, var(--primary-contrast) 24%, transparent);border-radius:.5rem;place-items:center;display:grid}.auth-shell__shot{background-color:var(--surface-color);border:1px solid color-mix(in srgb, var(--primary-contrast) 30%, transparent);min-height:0;box-shadow:0 -12px 48px color-mix(in srgb, var(--background-color) 40%, transparent),0 0 0 8px color-mix(in srgb, var(--primary-contrast) 10%, transparent);border-bottom:0;border-radius:.625rem .625rem 0 0;align-self:end;max-height:100%;margin-top:.5rem;margin-right:-4rem;overflow:hidden}.auth-shell__shot img{width:100%;height:auto;display:block}.auth-shell__shot .themed-shot__dark{display:none}.auth-shell__main{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.auth-shell__bar{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;display:flex}@media (min-width:640px){.auth-shell__bar{padding:1.25rem 1.5rem}}.auth-shell__tools{flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.auth-shell__content{place-items:start center;padding:1rem 1rem 2.5rem;display:grid}@media (min-width:640px){.auth-shell__content{padding:2rem 1.5rem 3rem}}@media (min-width:1024px){.auth-shell__content{place-items:center}}.auth-shell__card{gap:1.25rem;width:100%;max-width:26rem;display:grid}.auth-shell__title{letter-spacing:-.015em;margin:0;font-size:1.875rem;line-height:1.2}@media (min-width:640px){.auth-shell__title{font-size:2.25rem}}.auth-shell__text{color:var(--text-muted-color);margin:-.75rem 0 0;font-size:1rem;line-height:1.55}.auth-shell__legal{color:var(--text-muted-color);flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;padding:1rem 1.5rem 1.5rem;font-size:.75rem;display:flex}.auth-shell__legal a{color:inherit;text-decoration:none}.auth-shell__legal a:hover{color:var(--primary-text-color);text-decoration:underline}.auth-shell__legal a:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.dark .auth-shell__shot .themed-shot__light{display:none}.dark .auth-shell__shot .themed-shot__dark{display:block}.brand-mark{object-fit:contain;-webkit-user-select:none;user-select:none;flex-shrink:0}.brand-logo{-webkit-user-select:none;user-select:none;display:inline-block}.brand-logo__dark,.dark .brand-logo__light{display:none}.dark .brand-logo__dark{display:block}