.fi-simple-layout,
.dark .fi-simple-layout {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background:
        radial-gradient(720px 360px at 0% 0%, #f3d2c2 0%, transparent 55%),
        #efe6d8 !important;
    color: #1b1612 !important;
    color-scheme: light;
}

.fi-simple-main-ctn {
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
}

.fi-simple-main {
    width: min(420px, 100%) !important;
    max-width: 420px !important;
    margin: 0 auto !important;
    background: #fbf6ee !important;
    color: #1b1612 !important;
    border: 1px solid #ddcfc0 !important;
    border-radius: 24px !important;
    box-shadow: 0 22px 50px rgba(70, 36, 18, 0.12) !important;
    --tw-ring-shadow: 0 0 #0000 !important;
}

.fi-simple-layout .fi-logo {
    height: auto !important;
    font-family: Georgia, "Iowan Old Style", serif;
    font-size: 1.55rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #1b1612 !important;
}

.fi-simple-header-heading {
    font-family: Georgia, "Iowan Old Style", serif !important;
    font-weight: 500 !important;
    font-size: 2.15rem !important;
    letter-spacing: -0.02em;
    color: #1b1612 !important;
}

.fi-simple-header-subheading,
.dark .fi-simple-header-subheading {
    color: #5c534c !important;
    font-size: 0.98rem;
}

.fi-simple-layout .fi-fo-field-label,
.fi-simple-layout .fi-fo-field-label-content,
.fi-simple-layout .fi-fo-field-label-required-mark,
.fi-simple-layout .fi-fo-field-wrp-label,
.fi-simple-layout label,
.fi-simple-layout .fi-checkbox-input + *,
.dark .fi-simple-layout .fi-fo-field-label,
.dark .fi-simple-layout .fi-fo-field-label-content,
.dark .fi-simple-layout .fi-fo-field-label-required-mark,
.dark .fi-simple-layout label {
    color: #1b1612 !important;
}

.fi-simple-layout .fi-input-wrp,
.dark .fi-simple-layout .fi-input-wrp {
    background: #fff !important;
    color: #1b1612 !important;
    border-color: #ddcfc0 !important;
}

.fi-simple-layout .fi-input::placeholder,
.dark .fi-simple-layout .fi-input::placeholder {
    color: #6d645c !important;
}

.fi-simple-layout .fi-input-wrp button,
.fi-simple-layout .fi-icon-btn,
.fi-simple-layout .fi-input-wrp .fi-icon,
.dark .fi-simple-layout .fi-input-wrp button,
.dark .fi-simple-layout .fi-icon-btn {
    color: #1b1612 !important;
}

.fi-simple-layout a:not(.fi-btn),
.dark .fi-simple-layout a:not(.fi-btn),
.dark .fi-simple-layout .fi-link {
    color: #1b1612 !important;
}

.fi-simple-layout .fi-fo-field-wrp-error-message,
.fi-simple-layout .fi-fo-field-error-message,
.dark .fi-simple-layout .fi-fo-field-wrp-error-message {
    color: #9c3819 !important;
}

.tafel-demo-logins {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #f3e6d4;
    color: #1b1612;
    display: grid;
    gap: 6px;
}

.tafel-demo-logins p {
    margin: 0;
    font-size: 0.92rem;
    color: #1b1612;
}

.tafel-demo-title {
    font-weight: 650;
}

.tafel-demo-logins span {
    display: inline-block;
    min-width: 8.5rem;
    color: #5c534c;
}

.fi-simple-layout input.fi-input,
.fi-simple-layout .fi-input {
    background: #fff !important;
    color: #1b1612 !important;
    border-color: #ddcfc0 !important;
    min-height: 46px;
}

.fi-simple-layout .fi-ac.fi-width-full .fi-btn {
    width: 100%;
}

.fi-simple-layout button.fi-btn[type="submit"] {
    width: 100%;
    min-height: 46px;
    border-radius: 999px !important;
    background: #b8431f !important;
    color: #fff8f3 !important;
    font-weight: 600;
    justify-content: center;
}

.fi-simple-layout button.fi-btn[type="submit"]:hover {
    background: #9c3819 !important;
}

.fi-simple-layout .fi-btn .fi-loading-indicator {
    display: none;
}

.fi-simple-layout .fi-btn.fi-processing .fi-loading-indicator {
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
}

.tafel-auth-foot {
    display: flex;
    gap: 16px;
    justify-content: center;
    padding: 0 20px 36px;
    color: #6d645c;
    font-size: 0.92rem;
}

.tafel-auth-foot a {
    color: #1b1612;
}