body:has(.auth-brand) { display: flow-root; margin: 0; background: #eeeef1; }
:is(.fi-simple-layout:has(> .auth-brand), .auth-standalone) {
    --auth-ink: #2b2c28;
    --auth-muted: #787970;
    --auth-line: #deded5;
    --auth-surface: #fcfcf9;
    --auth-field: #ffffff;
    --auth-accent: #b94827;
    --auth-side: #edf0f8;
    --auth-rail: 290px;
    display: grid;
    grid-template-columns: minmax(0, 290px) minmax(0, 550px);
    align-items: start;
    align-content: start;
    width: min(840px, calc(100% - 96px));
    min-height: min(640px, calc(100svh - 96px));
    margin: 48px auto;
    border: 1px solid var(--auth-line);
    border-radius: 3px;
    background: linear-gradient(to right, var(--auth-side) 0 calc(var(--auth-rail) - 1px), var(--auth-line) calc(var(--auth-rail) - 1px) var(--auth-rail), var(--auth-surface) var(--auth-rail));
    color: var(--auth-ink);
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    box-shadow: 0 2px 4px #33331c03;
}
.auth-brand, .auth-brand * { box-sizing: border-box; }
.auth-brand {
    position: sticky;
    top: 48px;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    height: min(640px, calc(100svh - 96px));
    min-height: 560px;
    padding: 34px 30px;
    border-right: 1px solid var(--auth-line);
    background: var(--auth-side);
    color: var(--auth-ink);
}
.auth-wordmark { display: inline-flex; align-items: center; gap: 11px; width: fit-content; color: inherit; text-decoration: none; font-size: 20px; font-weight: 700; letter-spacing: -.7px; line-height: 1.1; }
.auth-mark { color: var(--auth-accent); }
.auth-mark svg { width: 24px; height: 28px; }
.auth-wordmark-product { display: block; padding-top: 4px; color: var(--auth-muted); font-size: 10px; font-weight: 400; letter-spacing: .4px; }
.auth-wordmark-domain { color: var(--auth-accent); }
.auth-brand-story { display: flex; flex: 1; flex-direction: column; justify-content: center; padding: 46px 0 32px; }
.auth-paper { position: relative; width: 194px; margin: 0 auto 36px; padding: 18px; border: 1px solid #e0d4a9; background: #fff3cb; color: #33352f; transform: rotate(-5deg); box-shadow: 3px 5px 0 #c6cee340; }
.auth-paper::before { content: ""; position: absolute; width: 56px; height: 17px; top: -10px; left: 68px; border: 1px solid #b7c4df70; background: #b9cae880; transform: rotate(3deg); }
.auth-paper-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid #ded2ab; font: 8px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .5px; }
.auth-paper-top svg { width: 15px; height: 15px; color: #b94827; }
.auth-paper-title { display: block; margin-top: 19px; font: 32px/1.08 Georgia, "Times New Roman", serif; letter-spacing: -1px; }
.auth-pencil-line { width: 145px; height: 14px; margin: 4px 0 15px; color: #c85d37; }
.auth-paper-bottom { display: flex; align-items: end; justify-content: space-between; padding-top: 10px; border-top: 1px solid #ded2ab; color: #66708a; font: 9px/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; }
.auth-paper-asterisk { color: #b94827; font: 48px/0.65 Georgia, "Times New Roman", serif; }
.auth-brand-caption { margin: 0; font: 23px/1.3 Georgia, "Times New Roman", serif; letter-spacing: -.6px; }
.auth-brand-detail { margin: 11px 0 0; color: var(--auth-muted); font-size: 11px; line-height: 1.8; }
.auth-edition { margin: 0; color: #647395; font: 9px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: 1px; }
.fi-simple-layout:has(> .auth-brand) > .fi-simple-main-ctn { min-width: 0; min-height: min(640px, calc(100svh - 96px)); padding: 48px; }
.fi-simple-layout:has(> .auth-brand) .fi-simple-main { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; --tw-ring-shadow: 0 0 #0000; }
.fi-simple-layout:has(> .auth-brand) .fi-simple-header { align-items: flex-start; gap: 10px; text-align: left; }
.fi-simple-layout:has(> .auth-brand) .fi-simple-header > .fi-logo { display: none; }
.fi-simple-layout:has(> .auth-brand) .fi-simple-header-heading { max-width: 390px; color: var(--auth-ink); font-size: 24px; font-weight: 550; line-height: 1.25; letter-spacing: -.8px; }
.fi-simple-layout:has(> .auth-brand) .fi-simple-header-subheading { color: var(--auth-muted); font-size: 12px; }
.fi-simple-layout:has(> .auth-brand) .fi-simple-header-subheading:has(a[href$="/register"]) { margin-top: 0; font-size: 13px; line-height: 1.6; }
.fi-simple-layout:has(> .auth-brand) .fi-simple-header-subheading a[href$="/register"] { margin-inline-start: 3px; font-size: 14px; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
.fi-simple-layout:has(> .auth-brand) .fi-simple-header-subheading a[href$="/register"] > .fi-link-label { align-self: center; }
.fi-simple-layout:has(> .auth-brand) .fi-simple-header-subheading a[href$="/register"]:focus-visible { outline: 2px solid var(--auth-accent); outline-offset: 2px; border-radius: 2px; }
.fi-simple-layout:has(> .auth-brand) .fi-simple-page-content { gap: 28px; }
.fi-simple-layout:has(> .auth-brand) .fi-fo-field-label-content { color: var(--auth-ink); font-size: 12px; font-weight: 500; }
.fi-simple-layout:has(> .auth-brand) .fi-input-wrp { min-height: 40px; border: 1px solid #d9dcd2; border-radius: 4px; background: var(--auth-field); box-shadow: none; transition: border-color .15s, box-shadow .15s; }
.fi-simple-layout:has(> .auth-brand) .fi-input-wrp:focus-within { border-color: #8d947f; box-shadow: 0 0 0 2px #858c7512; }
.fi-simple-layout:has(> .auth-brand) .fi-input { min-height: 38px; padding-block: 7px; color: var(--auth-ink); font-size: 13px; }
.fi-simple-layout:has(> .auth-brand) .fi-input::placeholder { color: var(--auth-muted); }
.fi-simple-layout:has(> .auth-brand) .fi-link { color: var(--auth-accent); font-size: 12px; font-weight: 500; }
.fi-simple-layout:has(> .auth-brand) .fi-btn.fi-color-primary { min-height: 40px; border: 1px solid #a63e20; border-radius: 4px; color: #ffffff; background: #b94827; box-shadow: none; font-size: 12px; font-weight: 550; transition: background .15s; }
.fi-simple-layout:has(> .auth-brand) .fi-btn.fi-color-primary:hover { background: #9d3c20; }
.fi-simple-layout:has(> .auth-brand) .fi-input-wrp:has(> .fi-input-wrp-suffix .fi-btn) { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; min-width: 0; border: 0; background: transparent; box-shadow: none; }
.fi-simple-layout:has(> .auth-brand) .fi-input-wrp:has(> .fi-input-wrp-suffix .fi-btn) > .fi-input-wrp-content-ctn { min-width: 0; border: 1px solid var(--auth-line); border-radius: 4px; background: var(--auth-field); }
.fi-simple-layout:has(> .auth-brand) .fi-input-wrp:has(> .fi-input-wrp-suffix .fi-btn) > .fi-input-wrp-content-ctn:focus-within { border-color: #8d947f; box-shadow: 0 0 0 2px #858c7512; }
.fi-simple-layout:has(> .auth-brand) .fi-input-wrp:has(> .fi-input-wrp-suffix .fi-btn) > .fi-input-wrp-suffix { padding: 0; border: 0; }
.fi-simple-layout:has(> .auth-brand) .fi-input-wrp:has(> .fi-input-wrp-suffix .fi-btn) .fi-input-wrp-actions { gap: 0; margin: 0; }
.fi-simple-layout:has(> .auth-brand) .fi-input-wrp:has(> .fi-input-wrp-suffix .fi-btn) .fi-btn { height: 40px; min-height: 40px; padding: 8px 12px; white-space: nowrap; }
.fi-simple-layout:has(> .auth-brand) .fi-input-wrp:has(> .fi-input-wrp-suffix .fi-btn) .fi-btn > svg { flex-shrink: 0; }
.fi-simple-layout:has(> .auth-brand) .fi-input-wrp.fi-invalid:has(> .fi-input-wrp-suffix .fi-btn) > .fi-input-wrp-content-ctn { border-color: #dc2626; }
.fi-simple-layout:has(> .auth-brand) .fi-checkbox-input { width: 15px; height: 15px; color: #b94827; border-color: var(--auth-line); border-radius: 3px; }
.fi-simple-layout:has(> .auth-brand) .fi-sc { row-gap: 19px; }
.fi-simple-layout:has(> .auth-brand) .fi-sc-section > .fi-section { border: 0; border-top: 1px solid var(--auth-line); border-radius: 0; background: transparent; box-shadow: none; --tw-ring-shadow: 0 0 #0000; }
.fi-simple-layout:has(> .auth-brand) .fi-sc-section .fi-section-header { padding: 17px 0 12px; border: 0; }
.fi-simple-layout:has(> .auth-brand) .fi-sc-section .fi-section-content { padding: 0; border: 0; }
.fi-simple-layout:has(> .auth-brand) .fi-sc-section .fi-section-content-ctn { border: 0; }
.fi-simple-layout:has(> .auth-brand) .fi-section-header-heading { color: var(--auth-muted); font-size: 10px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; }
.fi-simple-layout:has(> .auth-brand) .fi-fo-field .fi-sc-text { color: var(--auth-muted); font-size: 11px; line-height: 1.5; }
.auth-form-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 18px; margin: 25px 0 0; border-top: 1px solid var(--auth-line); color: var(--auth-muted); font-size: 9px; line-height: 1.6; }
.auth-form-footer p { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 9px; }
.auth-form-footer p > span:first-child { padding-right: 4px; color: var(--auth-accent); font-size: 16px; }
.auth-theme { display: flex; align-items: center; gap: 2px; }
.auth-theme button { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid transparent; border-radius: 3px; background: transparent; color: var(--auth-muted); cursor: pointer; }
.auth-theme button[aria-pressed="true"] { border-color: var(--auth-line); background: var(--auth-side); color: var(--auth-ink); }
.auth-theme button:focus-visible { outline: 2px solid var(--auth-accent); outline-offset: 2px; }
.auth-theme svg { width: 15px; height: 15px; }
.auth-wordmark:focus-visible, .auth-standalone a:focus-visible, .auth-standalone button:focus-visible { outline: 2px solid #b94827; outline-offset: 5px; }
.fi-simple-layout:has(> .auth-brand) .fi-btn:focus-visible { outline: 2px solid #b94827; outline-offset: 3px; }
.fi-simple-layout:has(> .auth-brand) .fi-input-wrp.fi-invalid { border-color: #dc2626; }
.auth-standalone { line-height: 1.6; }
.auth-standalone-main { align-self: center; min-width: 0; padding: 48px; }
.auth-standalone-main h1 { margin: 0 0 20px; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: -.8px; }
.auth-standalone-main p { margin-block: 16px; font-size: 13px; }
.auth-standalone-main .details { padding: 16px 0; border-block: 1px solid var(--auth-line); color: var(--auth-muted); font-size: 12px; }
.auth-standalone-main .actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.auth-standalone-main .button, .auth-standalone-main button { display: inline-flex; justify-content: center; align-items: center; min-height: 40px; padding: 0 17px; border: 1px solid #b94827; border-radius: 4px; background: #b94827; color: #fff; font-family: inherit; font-size: 12px; font-weight: 500; text-decoration: none; cursor: pointer; }
.auth-standalone-main .button:last-child { background: transparent; color: var(--auth-accent); }
html.dark body:has(.auth-brand) { background: #1b1e22; }
html.dark :is(.fi-simple-layout:has(> .auth-brand), .auth-standalone) { --auth-ink: #edf0f5; --auth-muted: #a6adba; --auth-line: #424752; --auth-surface: #25272b; --auth-field: #1e2228; --auth-accent: #f3a286; --auth-side: #293146; }
html.dark .auth-brand { background: var(--auth-side); }
html.dark .auth-edition { color: #b2bddb; }
html.dark .fi-simple-layout:has(> .auth-brand) .fi-input-wrp { border-color: #4b5362; }

@media (max-width: 900px) {
    :is(.fi-simple-layout:has(> .auth-brand), .auth-standalone) { --auth-rail: 220px; width: min(680px, calc(100% - 48px)); grid-template-columns: minmax(0, 220px) minmax(0, 1fr); margin-block: 24px; }
    .auth-brand { top: 24px; padding: 28px 22px; }
    .auth-paper { width: 168px; padding: 15px; }
    .auth-paper-title { font-size: 29px; }
    .auth-pencil-line { width: 135px; }
    .auth-brand-caption { font-size: 20px; }
    .fi-simple-layout:has(> .auth-brand) > .fi-simple-main-ctn, .auth-standalone-main { padding: 32px; }
}
@media (max-width: 640px) {
    :is(.fi-simple-layout:has(> .auth-brand), .auth-standalone) { grid-template-columns: minmax(0, 1fr); width: 100%; min-height: 100svh; margin: 0; border: 0; border-radius: 0; background: var(--auth-surface); }
    .auth-brand { position: relative; width: 100%; height: auto; min-height: 0; padding: 24px; border-right: 0; border-bottom: 1px solid var(--auth-line); top: 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
    .auth-brand-story { display: none; }
    .auth-wordmark { font-size: 19px; }
    .auth-mark svg { width: 21px; height: 25px; }
    .auth-edition { font-size: 8px; letter-spacing: .6px; }
    .fi-simple-layout:has(> .auth-brand) > .fi-simple-main-ctn { align-items: flex-start; min-height: 0; padding: 36px 24px; }
    .fi-simple-layout:has(> .auth-brand) .fi-simple-main { max-width: 460px; }
    .fi-simple-layout:has(> .auth-brand) .fi-simple-header-heading { font-size: 24px; }
    .fi-simple-layout:has(> .auth-brand) .fi-simple-layout-header { top: 20px; }
    .auth-standalone-main { padding: 36px 24px; }
    .auth-form-footer { margin-top: 24px; padding-top: 20px; }
}
@media (max-height: 700px) and (min-width: 641px) { .auth-brand-story { padding-block: 28px; } .auth-paper { margin-bottom: 24px; } }
@media (max-width: 480px) {
    .fi-simple-layout:has(> .auth-brand) .fi-input-wrp:has(> .fi-input-wrp-suffix .fi-btn) { grid-template-columns: minmax(0, 1fr); }
    .fi-simple-layout:has(> .auth-brand) .fi-input-wrp:has(> .fi-input-wrp-suffix .fi-btn) > .fi-input-wrp-suffix,
    .fi-simple-layout:has(> .auth-brand) .fi-input-wrp:has(> .fi-input-wrp-suffix .fi-btn) .fi-input-wrp-actions,
    .fi-simple-layout:has(> .auth-brand) .fi-input-wrp:has(> .fi-input-wrp-suffix .fi-btn) .fi-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .fi-simple-layout:has(> .auth-brand) * { transition: none !important; } }