.auth-page{--auth-form-width: 26rem;--auth-wide-form-width: 40rem;--auth-panel-width: 26rem;--auth-press-scale: .97;display:flex;min-height:100vh;flex-direction:column;background:var(--leveld-color-light-surface-bg);color:var(--leveld-color-light-text-primary);font-family:var(--leveld-typography-font-family-sans)}.auth-page__header{display:flex;min-width:0;flex:none;align-items:center;justify-content:space-between;gap:var(--leveld-spacing-4);padding-top:calc(var(--leveld-spacing-4) + env(safe-area-inset-top,0px));padding-right:calc(var(--leveld-spacing-8) + env(safe-area-inset-right,0px));padding-bottom:var(--leveld-spacing-4);padding-left:calc(var(--leveld-spacing-8) + env(safe-area-inset-left,0px))}.auth-page__wordmark{display:inline-flex;min-width:0;align-items:center;border-radius:var(--leveld-radius-sm)}.auth-page__wordmark:focus-visible{outline:calc(var(--leveld-spacing-px) * 2) solid var(--leveld-color-brand-primary);outline-offset:var(--leveld-spacing-1)}.auth-page__header-action{display:flex;flex:0 0 auto}.auth-page__main{display:grid;min-width:0;flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.auth-page--wide .auth-page__main{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.auth-split__form{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:var(--leveld-spacing-8) clamp(var(--leveld-spacing-6),6vw,var(--leveld-spacing-20)) calc(var(--leveld-spacing-12) + env(safe-area-inset-bottom,0px))}.auth-split__form-inner{display:grid;width:min(100%,var(--auth-form-width));gap:var(--leveld-spacing-6)}.auth-page--wide .auth-split__form-inner{width:min(100%,var(--auth-wide-form-width))}.auth-split__intro{display:grid;min-width:0;gap:var(--leveld-spacing-2)}.auth-split__eyebrow{display:flex;align-items:center;gap:var(--leveld-spacing-1-5);margin:0;color:var(--leveld-color-light-text-tertiary);font-size:var(--leveld-typography-font-size-sm);font-weight:var(--leveld-typography-font-weight-medium);line-height:var(--leveld-typography-font-size-sm-line-height)}.auth-split__eyebrow-icon{flex:none;width:var(--leveld-spacing-3);height:var(--leveld-spacing-3)}.auth-split__heading{margin:0;color:var(--leveld-color-light-text-primary);font-size:var(--leveld-typography-font-size-4xl);font-weight:var(--leveld-typography-font-weight-semibold);line-height:var(--leveld-typography-font-size-4xl-line-height);letter-spacing:var(--leveld-typography-font-size-4xl-letter-spacing)}.auth-split__subtitle{max-width:100%;margin:0;overflow-wrap:anywhere;color:var(--leveld-color-light-text-secondary);font-size:var(--leveld-typography-font-size-base);line-height:var(--leveld-typography-font-size-base-line-height)}.auth-split__body{display:flex;min-width:0;flex-direction:column;gap:var(--leveld-spacing-3)}.auth-split__form input:not([type=checkbox],[type=radio]),.auth-split__form [role=combobox]{min-height:calc(var(--leveld-spacing-8) + var(--leveld-spacing-1))}.auth-split__form button[type=submit]{min-height:calc(var(--leveld-spacing-10) + var(--leveld-spacing-1))}@media(pointer:coarse){.auth-split__form input:not([type=checkbox],[type=radio]),.auth-split__form [role=combobox],.auth-split__form button{min-height:var(--leveld-spacing-12)}}.auth-split__form button:not([aria-disabled=true]):active{transform:scale(var(--auth-press-scale))}.auth-split__footer{margin-top:calc(var(--leveld-spacing-2) * -1)}.auth-split__panel{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:var(--leveld-spacing-10) clamp(var(--leveld-spacing-6),5vw,var(--leveld-spacing-16));border-left:var(--leveld-spacing-px) solid var(--leveld-color-light-border-subtle);background:var(--leveld-color-light-surface-sidebar)}.auth-split__panel-inner{width:min(100%,var(--auth-panel-width))}.auth-panel__heading{margin:0;color:var(--leveld-color-light-text-primary);font-size:var(--leveld-typography-font-size-3xl);font-weight:var(--leveld-typography-font-weight-semibold);line-height:var(--leveld-typography-font-size-3xl-line-height);letter-spacing:var(--leveld-typography-font-size-3xl-letter-spacing)}.auth-panel__body{margin:var(--leveld-spacing-2) 0 0;color:var(--leveld-color-light-text-secondary);font-size:var(--leveld-typography-font-size-base);line-height:var(--leveld-typography-font-size-base-line-height)}.auth-panel__label{margin:var(--leveld-spacing-6) 0 var(--leveld-spacing-2);color:var(--leveld-color-light-text-tertiary);font-size:var(--leveld-typography-font-size-sm);line-height:var(--leveld-typography-font-size-sm-line-height)}.auth-panel__examples{display:grid;gap:var(--leveld-spacing-2);margin:var(--leveld-spacing-6) 0 0;padding:0;list-style:none}.auth-panel__example{display:flex;min-width:0;align-items:center;gap:var(--leveld-spacing-3);padding:var(--leveld-spacing-3) var(--leveld-spacing-3-5);border:var(--leveld-spacing-px) solid var(--leveld-color-light-border-default);border-radius:var(--leveld-radius-md);background:var(--leveld-color-light-surface-card);box-shadow:var(--leveld-shadow-sm)}.auth-panel__example:nth-child(2){margin-left:var(--leveld-spacing-6)}.auth-panel__example:nth-child(3){margin-left:var(--leveld-spacing-3)}.auth-panel__kind{flex:none;font-size:var(--leveld-typography-font-size-xs);font-weight:var(--leveld-typography-font-weight-semibold);line-height:var(--leveld-typography-font-size-xs-line-height)}.auth-panel__kind[data-kind=action]{color:var(--leveld-color-semantic-blue-base)}.auth-panel__kind[data-kind=decision]{color:var(--leveld-color-semantic-purple-base)}.auth-panel__kind[data-kind=risk]{color:var(--leveld-color-semantic-red-base)}.auth-panel__example-main{display:grid;min-width:0;flex:1;gap:var(--leveld-spacing-0-5)}.auth-panel__example-text{min-width:0;color:var(--leveld-color-light-text-primary);font-size:var(--leveld-typography-font-size-sm);font-weight:var(--leveld-typography-font-weight-medium);line-height:var(--leveld-typography-font-size-sm-line-height)}.auth-panel__example-source{display:flex;min-width:0;align-items:center;gap:var(--leveld-spacing-1-5);color:var(--leveld-color-light-text-tertiary);font-size:var(--leveld-typography-font-size-xs);line-height:var(--leveld-typography-font-size-xs-line-height)}.auth-panel__example-chevron{flex:none;width:var(--leveld-spacing-3);height:var(--leveld-spacing-3);color:var(--leveld-color-light-text-tertiary)}.auth-panel__card{padding:var(--leveld-spacing-5);border:var(--leveld-spacing-px) solid var(--leveld-color-light-border-default);border-radius:var(--leveld-radius-md);background:var(--leveld-color-light-surface-card);box-shadow:var(--leveld-shadow-sm)}.auth-panel__card-heading{margin:0;color:var(--leveld-color-light-text-primary);font-size:var(--leveld-typography-font-size-base);font-weight:var(--leveld-typography-font-weight-semibold);line-height:var(--leveld-typography-font-size-base-line-height)}.auth-panel__tips{display:grid;gap:var(--leveld-spacing-1);margin:var(--leveld-spacing-2) 0 0;padding-left:var(--leveld-spacing-4);list-style:disc;color:var(--leveld-color-light-text-secondary);font-size:var(--leveld-typography-font-size-sm);line-height:var(--leveld-typography-font-size-sm-line-height)}.auth-panel__tips li::marker{color:var(--leveld-color-light-text-tertiary)}.auth-panel__steps{display:grid;gap:var(--leveld-spacing-1);margin:0;padding:0;list-style:none}.auth-panel__step{display:flex;align-items:flex-start;gap:var(--leveld-spacing-3);padding:var(--leveld-spacing-2-5) 0}.auth-panel__step-number{display:grid;flex:none;place-items:center;width:var(--leveld-spacing-6);height:var(--leveld-spacing-6);border:var(--leveld-spacing-px) solid var(--leveld-color-light-border-default);border-radius:var(--leveld-radius-full);background:var(--leveld-color-light-surface-card);color:var(--leveld-color-light-text-tertiary);font-size:var(--leveld-typography-font-size-sm);font-weight:var(--leveld-typography-font-weight-semibold)}.auth-panel__step-title{margin:0;color:var(--leveld-color-light-text-primary);font-size:var(--leveld-typography-font-size-base);font-weight:var(--leveld-typography-font-weight-medium);line-height:var(--leveld-typography-font-size-base-line-height)}.auth-panel__step-detail{margin:0;color:var(--leveld-color-light-text-tertiary);font-size:var(--leveld-typography-font-size-sm);line-height:var(--leveld-typography-font-size-sm-line-height)}@supports (min-height: 100dvh){.auth-page{min-height:100dvh}}@media(max-width:1023px){.auth-page__main,.auth-page--wide .auth-page__main{grid-template-columns:minmax(0,1fr)}.auth-split__form{padding-bottom:var(--leveld-spacing-10)}.auth-split__panel{padding-bottom:calc(var(--leveld-spacing-10) + env(safe-area-inset-bottom,0px));border-top:var(--leveld-spacing-px) solid var(--leveld-color-light-border-subtle);border-left:0}}@media(max-width:768px){.auth-page__header{padding-top:calc(var(--leveld-spacing-3) + env(safe-area-inset-top,0px));padding-right:calc(var(--leveld-spacing-4) + env(safe-area-inset-right,0px));padding-bottom:var(--leveld-spacing-3);padding-left:calc(var(--leveld-spacing-4) + env(safe-area-inset-left,0px))}.auth-split__form{padding:var(--leveld-spacing-4) var(--leveld-spacing-4) var(--leveld-spacing-8)}.auth-split__panel{padding:var(--leveld-spacing-8) var(--leveld-spacing-4) calc(var(--leveld-spacing-8) + env(safe-area-inset-bottom,0px))}.auth-split__heading{font-size:var(--leveld-typography-font-size-3xl);line-height:var(--leveld-typography-font-size-3xl-line-height)}.auth-panel__example:nth-child(2),.auth-panel__example:nth-child(3){margin-left:0}}@media(prefers-reduced-motion:reduce){.auth-split__form button:not([aria-disabled=true]):active{transform:none}}