.fi-simple-layout {
    background:
        radial-gradient(circle at top left, rgb(167 77 74 / 0.18), transparent 28%),
        radial-gradient(circle at top right, rgb(129 139 126 / 0.14), transparent 30%),
        linear-gradient(180deg, #f5f5f5 0%, #eae6e1 100%);
}

.fi-simple-main {
    border: 1px solid rgb(216 208 202 / 0.95);
    border-radius: 2rem;
    background: rgb(255 255 255 / 0.94);
    box-shadow: 0 30px 80px -45px rgb(18 18 18 / 0.45);
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.fi-logo {
    height: 3.25rem;
}

.fi-simple-header {
    gap: 0.25rem;
}

.fi-simple-header .fi-logo {
    margin-bottom: 0.5rem;
}

.fi-simple-header-heading {
    font-size: 2.25rem;
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #121212;
}

.fi-simple-header-subheading {
    margin-top: 0.6rem;
    max-width: 28rem;
    color: #818b7e;
    font-size: 0.98rem;
    line-height: 1.6;
}

.fi-fo-field-wrp-label,
.fi-checkbox-list-option-label,
.fi-fo-checkbox-list-option-label {
    color: #121212;
    font-weight: 600;
}

.fi-input-wrp {
    border: 1.5px solid rgb(150 139 132 / 0.9);
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 0.9),
        0 8px 20px -18px rgb(18 18 18 / 0.28);
}

.fi-input-wrp:focus-within {
    border-color: #a74d4a;
    box-shadow:
        0 14px 36px -24px rgb(167 77 74 / 0.5),
        0 0 0 3px rgb(167 77 74 / 0.24);
}

.fi-input-wrp-input input,
.fi-input-wrp-input textarea,
.fi-input-wrp-input select {
    min-height: 3.7rem;
    color: #121212;
    font-size: 1.05rem;
}

.fi-input-wrp-suffix {
    border-color: rgb(216 208 202 / 0.9);
}

.fi-fo-section,
.fi-section {
    border-color: rgb(189 176 169 / 0.78);
    box-shadow: 0 16px 38px -34px rgb(18 18 18 / 0.35);
}

.fi-fo-section-content-ctn,
.fi-section-content-ctn {
    background: rgb(255 252 249 / 0.72);
}

.fi-ta-filter-indicators,
.fi-ta-filters {
    border-color: rgb(189 176 169 / 0.72);
}

.fi-btn.fi-color-primary {
    border-radius: 9999px;
    min-height: 3.55rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: 0 16px 40px -28px rgb(167 77 74 / 0.7);
}

.fi-btn.fi-color-primary:hover {
    transform: translateY(-1px);
}

.fi-checkbox-input {
    border-color: rgb(189 176 169 / 1);
    border-radius: 0.45rem;
}

.fi-checkbox-input:checked,
.fi-checkbox-input:focus {
    border-color: #a74d4a;
}