﻿.osf-shell {
    --osf-bg: #020304 !important;
    --osf-panel: #050607 !important;
    --osf-field: #11151b !important;
    --osf-border: #2a2c30 !important;
    --osf-border-soft: #22252a !important;
    --osf-gold: #d79a31 !important;
    --osf-gold-bright: #efb24b !important;
    --osf-text: #f2f2ed !important;
    --osf-muted: #8c939d !important;
    --osf-danger: #ff6969 !important;
    width: 100% !important;
    margin: 0 !important;
    color: var(--osf-text) !important;
    background: #000 !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
}

.osf-shell,
.osf-shell * {
    box-sizing: border-box !important;
}

.osf-submission-gate {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 72px !important;
    padding: 22px 24px !important;
    border: 1px solid var(--osf-border-soft) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #060708, #020304) !important;
}

.osf-start-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 190px !important;
    min-height: 48px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #efb24d, #d99528) !important;
    color: #090602 !important;
    cursor: pointer !important;
    font-family: "Bebas Neue", Inter, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: .16em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    transition: filter .18s ease, transform .18s ease !important;
}

.osf-start-button:hover {
    filter: brightness(1.05) !important;
    transform: translateY(-1px) !important;
}

.osf-form-fields {
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transform: translateY(-6px) !important;
    transition: max-height .55s ease, opacity .24s ease, transform .35s ease !important;
}

.osf-form-fields[hidden] {
    display: none !important;
}

.osf-shell.osf-is-expanded .osf-form-fields {
    max-height: 5000px !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.osf-shell.osf-is-expanded .osf-submission-gate {
    display: none !important;
}

.osf-step {
    display: grid !important;
    grid-template-columns: 180px 1fr !important;
    min-height: 94px !important;
    border: 1px solid var(--osf-border-soft) !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #060708, #020304) !important;
}

.osf-step + .osf-panel {
    margin-top: -94px !important;
    margin-left: 180px !important;
    border-radius: 0 8px 8px 0 !important;
}

.osf-panel + .osf-step {
    margin-top: 8px !important;
}

.osf-step-meta {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 20px 18px 18px 24px !important;
    border-right: 1px solid var(--osf-border-soft) !important;
}

.osf-step-meta strong {
    color: #f7f1e7 !important;
    font-family: "Bebas Neue", Inter, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

.osf-step-meta small {
    color: #d9d3c8 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

.osf-step-icon,
.osf-icon,
.osf-upload-icon {
    display: inline-block !important;
    position: relative !important;
    flex: 0 0 auto !important;
}

.osf-step-icon {
    width: 26px !important;
    height: 26px !important;
    margin-bottom: 10px !important;
    color: var(--osf-gold) !important;
}

.osf-step-icon::before,
.osf-step-icon::after,
.osf-icon::before,
.osf-icon::after,
.osf-upload-icon::before,
.osf-upload-icon::after {
    content: "" !important;
    position: absolute !important;
    border-color: currentColor !important;
}

.osf-step-icon-user::before {
    width: 8px !important;
    height: 8px !important;
    border: 2px solid !important;
    border-radius: 50% !important;
    left: 7px !important;
    top: 1px !important;
}

.osf-step-icon-user::after {
    width: 18px !important;
    height: 10px !important;
    border: 2px solid !important;
    border-radius: 12px 12px 0 0 !important;
    left: 2px !important;
    bottom: 1px !important;
}

.osf-step-icon-tag::before {
    width: 17px !important;
    height: 17px !important;
    border: 2px solid !important;
    border-radius: 4px !important;
    transform: rotate(-42deg) !important;
    left: 4px !important;
    top: 3px !important;
}

.osf-step-icon-tag::after {
    width: 4px !important;
    height: 4px !important;
    border: 2px solid !important;
    border-radius: 50% !important;
    right: 5px !important;
    top: 5px !important;
}

.osf-step-icon-camera::before,
.osf-upload-icon::before {
    width: 23px !important;
    height: 17px !important;
    border: 2px solid !important;
    border-radius: 4px !important;
    left: 0 !important;
    top: 5px !important;
}

.osf-step-icon-camera::after,
.osf-upload-icon::after {
    width: 7px !important;
    height: 7px !important;
    border: 2px solid !important;
    border-radius: 50% !important;
    left: 8px !important;
    top: 10px !important;
}

.osf-step-icon-truck::before {
    width: 14px !important;
    height: 10px !important;
    border: 2px solid !important;
    left: 0 !important;
    top: 6px !important;
}

.osf-step-icon-truck::after {
    width: 21px !important;
    height: 11px !important;
    border: 2px solid !important;
    border-left: 0 !important;
    left: 0 !important;
    top: 6px !important;
    box-shadow: 2px 9px 0 -1px currentColor, 16px 9px 0 -1px currentColor !important;
}

.osf-step-icon-shield::before {
    width: 19px !important;
    height: 22px !important;
    border: 2px solid !important;
    border-radius: 12px 12px 7px 7px !important;
    left: 2px !important;
    top: 0 !important;
}

.osf-step-icon-shield::after {
    width: 9px !important;
    height: 5px !important;
    border-left: 2px solid !important;
    border-bottom: 2px solid !important;
    transform: rotate(-45deg) !important;
    left: 7px !important;
    top: 8px !important;
}

.osf-panel {
    position: relative !important;
    z-index: 2 !important;
    min-height: 94px !important;
    padding: 17px 18px !important;
    border: 1px solid var(--osf-border-soft) !important;
    background: rgba(4, 5, 7, .98) !important;
}

.osf-grid {
    display: grid !important;
    gap: 13px !important;
}

.osf-grid-2,
.osf-grid-title {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.osf-grid-price {
    grid-template-columns: minmax(0, 2fr) minmax(160px, .75fr) !important;
}

.osf-input,
.osf-select,
.osf-textarea {
    display: block !important;
    position: relative !important;
}

#osf-form .osf-input input,
#osf-form .osf-select select,
#osf-form .osf-textarea textarea {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid #232830 !important;
    border-radius: 6px !important;
    outline: 0 !important;
    background: linear-gradient(180deg, #13171d, #10141a) !important;
    color: var(--osf-text) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

.osf-input input {
    padding: 14px 16px 14px 42px !important;
}

.osf-input small {
    display: block !important;
    margin: 6px 0 0 42px !important;
    color: #a2a8b1 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
}

.osf-input input::placeholder,
.osf-textarea textarea::placeholder {
    color: #d3d7de !important;
    opacity: .88 !important;
}

.osf-input input:focus,
.osf-select select:focus,
.osf-textarea textarea:focus {
    border-color: rgba(215, 154, 49, .85) !important;
    box-shadow: 0 0 0 2px rgba(215, 154, 49, .14) !important;
    background: #151920 !important;
}

.osf-icon {
    position: absolute !important;
    z-index: 2 !important;
    left: 15px !important;
    top: 16px !important;
    width: 16px !important;
    height: 16px !important;
    color: #8c939c !important;
}

.osf-icon-user::before,
.osf-icon-mail::before,
.osf-icon-phone::before,
.osf-icon-pin::before,
.osf-icon-link::before,
.osf-icon-list::before,
.osf-icon-pound::before {
    width: 14px !important;
    height: 14px !important;
    border: 1.6px solid !important;
    border-radius: 50% !important;
    left: 1px !important;
    top: 1px !important;
}

.osf-icon-mail::before {
    border-radius: 3px !important;
}

.osf-icon-mail::after {
    width: 10px !important;
    height: 7px !important;
    border-left: 1.6px solid !important;
    border-bottom: 1.6px solid !important;
    transform: rotate(-45deg) !important;
    left: 3px !important;
    top: 3px !important;
}

.osf-icon-phone::before {
    border-radius: 3px 3px 7px 7px !important;
    transform: rotate(-22deg) !important;
}

.osf-icon-pin::after {
    width: 5px !important;
    height: 5px !important;
    border: 1.6px solid !important;
    border-radius: 50% !important;
    left: 5px !important;
    top: 4px !important;
}

.osf-icon-link::before {
    width: 9px !important;
    height: 5px !important;
    border-radius: 6px !important;
    transform: rotate(-35deg) !important;
    left: 1px !important;
    top: 5px !important;
}

.osf-icon-link::after {
    width: 9px !important;
    height: 5px !important;
    border: 1.6px solid !important;
    border-radius: 6px !important;
    transform: rotate(-35deg) !important;
    right: 1px !important;
    top: 6px !important;
}

.osf-icon-list::before {
    border-radius: 2px !important;
}

.osf-icon-pound::before {
    border: 0 !important;
    content: "\00a3" !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 16px !important;
}

.osf-select select {
    appearance: none !important;
    padding: 14px 42px 14px 16px !important;
    background-color: #12171f !important;
    color: #f3f0ea !important;
    cursor: pointer !important;
}

.osf-select select option {
    background: #12171f !important;
    color: #f3f0ea !important;
}

.osf-select::after {
    content: "" !important;
    position: absolute !important;
    right: 17px !important;
    top: 20px !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid #9aa1aa !important;
    border-bottom: 2px solid #9aa1aa !important;
    transform: rotate(45deg) !important;
    pointer-events: none !important;
}

.osf-select-stacked span {
    display: block !important;
    margin: 0 0 5px !important;
    color: #f1ede6 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.osf-select-stacked select {
    min-height: 44px !important;
}

.osf-wide {
    margin-bottom: 12px !important;
}

.osf-textarea {
    margin: 12px 0 !important;
}

.osf-textarea textarea {
    min-height: 88px !important;
    resize: vertical !important;
    padding: 15px 16px !important;
}

.osf-textarea span {
    position: absolute !important;
    right: 14px !important;
    bottom: 9px !important;
    color: #808791 !important;
    font-size: 10px !important;
}

.osf-upload-grid {
    display: grid !important;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr) !important;
    gap: 18px !important;
    margin-bottom: 12px !important;
    align-items: start !important;
}

.osf-upload-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.osf-upload-label {
    color: #f2eadf !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.osf-upload {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px dashed rgba(215, 154, 49, .78) !important;
    border-radius: 6px !important;
    background: #060708 !important;
    background-position: center !important;
    background-size: cover !important;
    color: var(--osf-gold-bright) !important;
    cursor: pointer !important;
    overflow: hidden !important;
    isolation: isolate !important;
    transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
}

.osf-upload-picker {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
}

.osf-main-upload .osf-upload-picker {
    flex-direction: column !important;
    gap: 5px !important;
}

.osf-upload input {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
}

.osf-upload:hover,
.osf-upload.is-filled {
    border-color: var(--osf-gold-bright) !important;
    background: #10100c !important;
}

.osf-upload.is-filled {
    border-style: solid !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .55), 0 0 0 2px rgba(239, 178, 75, .18) !important;
}

.osf-remove-upload {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 3 !important;
    display: none !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    border: 1px solid rgba(239, 178, 75, .78) !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, .72) !important;
    color: #efb24b !important;
    cursor: pointer !important;
}

.osf-remove-upload::before,
.osf-remove-upload::after {
    content: "" !important;
    position: absolute !important;
    left: 7px !important;
    top: 12px !important;
    width: 10px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: currentColor !important;
}

.osf-remove-upload::before {
    transform: rotate(45deg) !important;
}

.osf-remove-upload::after {
    transform: rotate(-45deg) !important;
}

.osf-upload.is-filled .osf-remove-upload {
    display: block !important;
}

.osf-main-upload {
    min-height: 150px !important;
    flex-direction: column !important;
    text-align: center !important;
    gap: 5px !important;
}

.osf-upload-icon {
    width: 34px !important;
    height: 30px !important;
    color: var(--osf-gold-bright) !important;
}

.osf-main-upload strong {
    color: #f0b34b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    width: calc(100% - 54px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.osf-main-upload em {
    color: #d2ccc2 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

.osf-main-upload.is-filled .osf-upload-icon {
    display: none !important;
}

.osf-main-upload.is-filled strong,
.osf-main-upload.is-filled em {
    position: relative !important;
    z-index: 2 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .95) !important;
}

.osf-extra-uploads {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 14px !important;
}

.osf-upload-small {
    min-height: 150px !important;
    font-size: 26px !important;
    line-height: 1 !important;
}

.osf-upload-small .osf-upload-picker > span {
    color: #e1a43c !important;
    font-size: 26px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

.osf-upload-small.is-filled .osf-upload-picker > span {
    display: none !important;
}

.osf-upload-meta {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 4px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 6px !important;
    background: rgba(0, 0, 0, .66) !important;
    color: #ffffff !important;
    text-align: left !important;
    pointer-events: none !important;
    backdrop-filter: blur(6px) !important;
}

.osf-upload .osf-upload-meta strong {
    display: block !important;
    overflow: hidden !important;
    color: #f3b64e !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.osf-upload .osf-upload-meta em {
    color: #f4f0e8 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
}

.osf-check {
    display: grid !important;
    grid-template-columns: 36px 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
    color: #ebe8e3 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.osf-check input {
    position: absolute !important;
    opacity: 0 !important;
}

.osf-check span {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #545b65 !important;
    border-radius: 2px !important;
    background: #07090d !important;
}

.osf-check input:checked + span {
    border-color: var(--osf-gold-bright) !important;
    background: linear-gradient(135deg, #d99629, #efbf62) !important;
    box-shadow: inset 0 0 0 6px #0c0f14 !important;
}

.osf-check b {
    font-weight: 600 !important;
}

.osf-check a {
    color: var(--osf-gold-bright) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.osf-actions {
    display: flex !important;
    justify-content: center !important;
    padding: 20px 0 0 !important;
}

.osf-actions button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    width: min(720px, 78%) !important;
    min-width: 260px !important;
    min-height: 56px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #efb24d, #d99528) !important;
    color: #090602 !important;
    cursor: pointer !important;
    font-family: "Bebas Neue", Inter, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    transition: filter .18s ease, transform .18s ease !important;
    justify-content: center !important;
}

.osf-button-text,
.osf-button-loading {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

.osf-button-loading {
    display: none !important;
}

.osf-button-loading i {
    width: 18px !important;
    height: 18px !important;
    border: 2px solid rgba(9, 6, 2, .28) !important;
    border-top-color: #090602 !important;
    border-radius: 50% !important;
    animation: osf-spin .8s linear infinite !important;
}

.osf-actions button.is-loading .osf-button-text {
    display: none !important;
}

.osf-actions button.is-loading .osf-button-loading {
    display: inline-flex !important;
}

@keyframes osf-spin {
    to {
        transform: rotate(360deg);
    }
}

.osf-actions button:hover {
    filter: brightness(1.05) !important;
}

.osf-actions button:disabled {
    cursor: wait !important;
    filter: grayscale(.25) brightness(.78) !important;
}

.osf-secure-note {
    position: relative !important;
    margin: 10px 0 0 !important;
    color: #a5abb4 !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

.osf-secure-note::before {
    content: "" !important;
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    margin-right: 6px !important;
    background: url("../lock.png") center/contain no-repeat !important;
    vertical-align: -1px !important;
}

.osf-response {
    min-height: 24px !important;
    margin-top: 12px !important;
    text-align: center !important;
    color: var(--osf-gold-bright) !important;
    font-size: 13px !important;
}

.osf-response.is-error {
    color: var(--osf-danger) !important;
}

.osf-response.is-success {
    color: var(--osf-gold-bright) !important;
}

.osf-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 22px !important;
}

.osf-modal.is-open {
    display: flex !important;
}

.osf-modal-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, .72) !important;
    backdrop-filter: blur(6px) !important;
}

.osf-modal-card {
    position: relative !important;
    z-index: 1 !important;
    width: min(460px, 100%) !important;
    padding: 30px 28px 26px !important;
    border: 1px solid rgba(239, 178, 75, .38) !important;
    border-radius: 12px !important;
    background:
        linear-gradient(145deg, rgba(239, 178, 75, .12), rgba(255, 255, 255, .03)),
        #080a0e !important;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    color: #f7f3eb !important;
    text-align: center !important;
    transform: translateY(10px) scale(.98) !important;
    animation: osf-modal-in .24s ease forwards !important;
}

@keyframes osf-modal-in {
    to {
        transform: translateY(0) scale(1);
    }
}

.osf-modal-close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .05) !important;
    color: #f3b64e !important;
    cursor: pointer !important;
}

.osf-modal-close::before,
.osf-modal-close::after {
    content: "" !important;
    position: absolute !important;
    left: 9px !important;
    top: 14px !important;
    width: 10px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: currentColor !important;
}

.osf-modal-close::before {
    transform: rotate(45deg) !important;
}

.osf-modal-close::after {
    transform: rotate(-45deg) !important;
}

.osf-modal-mark {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    height: 58px !important;
    margin-bottom: 16px !important;
    border-radius: 50% !important;
    background: linear-gradient(180deg, #efb24d, #d99528) !important;
    color: #090602 !important;
    box-shadow: 0 12px 28px rgba(217, 149, 40, .28) !important;
}

.osf-modal-mark::before {
    content: "" !important;
    width: 24px !important;
    height: 13px !important;
    border-left: 4px solid currentColor !important;
    border-bottom: 4px solid currentColor !important;
    transform: rotate(-45deg) translate(1px, -2px) !important;
}

.osf-modal.is-error .osf-modal-mark {
    background: linear-gradient(180deg, #ff7066, #d93b32) !important;
    color: #fff !important;
}

.osf-modal.is-error .osf-modal-mark::before {
    width: 22px !important;
    height: 4px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: currentColor !important;
    box-shadow: 0 0 0 0 currentColor !important;
    transform: rotate(45deg) !important;
}

.osf-modal.is-error .osf-modal-mark::after {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    top: 27px !important;
    width: 22px !important;
    height: 4px !important;
    border-radius: 3px !important;
    background: #fff !important;
    transform: rotate(-45deg) !important;
}

.osf-modal-card h3 {
    margin: 0 0 10px !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.osf-modal-card p {
    margin: 0 !important;
    color: #d8d2c8 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
}

.osf-modal-action {
    min-height: 44px !important;
    margin-top: 22px !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #efb24d, #d99528) !important;
    color: #090602 !important;
    cursor: pointer !important;
    font-family: "Bebas Neue", Inter, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

@media (max-width: 760px) {
    .osf-shell {
        width: 100% !important;
    }

    .osf-submission-gate {
        min-height: auto !important;
        padding: 18px !important;
    }

    .osf-start-button {
        width: 100% !important;
    }

    .osf-step {
        display: block !important;
        min-height: auto !important;
        border-radius: 10px 10px 0 0 !important;
    }

    .osf-step + .osf-panel {
        margin-top: 0 !important;
        margin-left: 0 !important;
        border-radius: 0 0 10px 10px !important;
    }

    .osf-step-meta {
        min-height: 82px !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--osf-border-soft) !important;
    }

    .osf-step-meta strong {
        font-size: 11px !important;
        letter-spacing: .1em !important;
    }

    .osf-step-meta small {
        font-size: 11px !important;
    }

    .osf-input input,
    .osf-select select,
    .osf-textarea textarea {
        font-size: 12px !important;
    }

    .osf-input small,
    .osf-textarea span,
    .osf-main-upload em {
        font-size: 9px !important;
    }

    .osf-main-upload strong,
    .osf-check {
        font-size: 11px !important;
    }

    .osf-grid-2,
    .osf-grid-title,
    .osf-grid-price,
    .osf-upload-grid {
        grid-template-columns: 1fr !important;
    }

    .osf-extra-uploads {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .osf-check {
        grid-template-columns: 34px 1fr !important;
    }

    .osf-check a {
        grid-column: 2 !important;
        white-space: normal !important;
    }
}

@media (max-width: 420px) {
    .osf-submission-gate {
        padding: 14px !important;
    }

    .osf-start-button {
        min-width: 0 !important;
        font-size: 16px !important;
        letter-spacing: .12em !important;
    }

    .osf-panel {
        padding: 12px !important;
    }

    .osf-step-meta {
        padding: 16px !important;
    }

    .osf-extra-uploads {
        gap: 9px !important;
    }

    .osf-actions button {
        font-size: 16px !important;
        letter-spacing: .12em !important;
    }

    .osf-input input,
    .osf-select select,
    .osf-textarea textarea {
        font-size: 11px !important;
    }

    .osf-step-meta strong {
        font-size: 10px !important;
        letter-spacing: .08em !important;
    }

    .osf-step-meta small,
    .osf-check {
        font-size: 10px !important;
    }
}

.osf-step-5 + .osf-panel {
    display: block !important;
}

.osf-check {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
    width: 100% !important;
    min-height: 56px !important;
    text-align: left !important;
}

.osf-check span {
    grid-column: 1 !important;
    /* grid-row: 1 / span 2 !important; */
}

.osf-check b {
    grid-column: 2 !important;
    margin: 0 !important;
    color: #f3f0ea !important;
    text-align: left !important;
}

.osf-check a {
    grid-column: 3 !important;
    margin-left: 0 !important;
    text-align: left !important;
}

@media (max-width: 760px) {
    .osf-step-5 + .osf-panel {
        display: block !important;
    }

    .osf-check {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        align-items: flex-start !important;
        column-gap: 12px !important;
        row-gap: 10px !important;
    }

    .osf-check b {
        grid-column: 2 !important;
    }

    .osf-check a {
        grid-column: 2 !important;
        margin-left: 0 !important;
        white-space: normal !important;
    }
}

.osf-step-meta strong {
    font-size: 18px !important;
}

.osf-step-meta small,
.osf-input input,
.osf-select select,
.osf-textarea textarea,
.osf-input input::placeholder,
.osf-textarea textarea::placeholder,
.osf-input small,
.osf-select-stacked span,
.osf-upload-label,
.osf-main-upload strong,
.osf-main-upload em,
.osf-check,
.osf-check b,
.osf-check a,
.osf-secure-note,
.osf-response {
    font-size: 16px !important;
}

.osf-textarea span {
    font-size: 16px !important;
}

.osf-step-icon::before,
.osf-icon::before,
.osf-upload-icon::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: currentColor !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}

.osf-step-icon::after,
.osf-icon::after,
.osf-upload-icon::after {
    display: none !important;
    content: none !important;
}

.osf-step-icon-user::before,
.osf-icon-user::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

.osf-step-icon-tag::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E") !important;
}

.osf-step-icon-camera::before,
.osf-upload-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E") !important;
}

.osf-step-icon-truck::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H3v14z'/%3E%3Cpath d='M14 9h4l3 3v6h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H3v14z'/%3E%3Cpath d='M14 9h4l3 3v6h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E") !important;
}

.osf-step-icon-shield::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.68 0C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.8 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.68 0C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.8 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") !important;
}

.osf-icon-mail::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E") !important;
}

.osf-icon-phone::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.96.34 1.9.65 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.28-1.22a2 2 0 0 1 2.11-.45c.9.31 1.84.53 2.8.65A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.96.34 1.9.65 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.28-1.22a2 2 0 0 1 2.11-.45c.9.31 1.84.53 2.8.65A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;
}

.osf-icon-pin::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.99-5.54 10.19-7.4 11.8a1 1 0 0 1-1.2 0C9.54 20.19 4 14.99 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.99-5.54 10.19-7.4 11.8a1 1 0 0 1-1.2 0C9.54 20.19 4 14.99 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;
}

.osf-icon-link::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") !important;
}

.osf-icon-list::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M3 18h18'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M3 18h18'/%3E%3C/svg%3E") !important;
}

.osf-icon-pound::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7.5A5 5 0 0 0 8.5 10v9'/%3E%3Cpath d='M6 12h8'/%3E%3Cpath d='M6 19h12'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 7.5A5 5 0 0 0 8.5 10v9'/%3E%3Cpath d='M6 12h8'/%3E%3Cpath d='M6 19h12'/%3E%3C/svg%3E") !important;
}

.osf-select::after {
    right: 16px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    border: 0 !important;
    background-color: #aeb5bf !important;
    transform: translateY(-50%) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

.osf-select-stacked::after {
    top: auto !important;
    bottom: 16px !important;
    transform: none !important;
}

/* Final mobile guard: keep the agreement row readable in narrow embeds. */
.osf-shell {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.osf-check {
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
}

.osf-check b {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 760px) {
    .osf-step-5 + .osf-panel {
        padding: 18px !important;
        overflow-x: hidden !important;
    }

    .osf-check {
        display: grid !important;
        grid-template-columns: 30px minmax(0, 1fr) !important;
        align-items: start !important;
        column-gap: 12px !important;
        row-gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .osf-check span {
        grid-column: 1 !important;
        /* grid-row: 1 / span 2 !important; */
        width: 30px !important;
        height: 30px !important;
    }

    .osf-check b,
    .osf-check a {
        grid-column: 2 !important;
        margin: 0 !important;
        min-width: 0 !important;
        max-width: 100% !important;
        text-align: left !important;
        white-space: normal !important;
    }

    .osf-check b {
        font-size: 14px !important;
    }

    .osf-check a {
        display: inline-flex !important;
        width: fit-content !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }
}

@media (max-width: 420px) {
    .osf-step-5 + .osf-panel {
        padding: 14px !important;
    }

    .osf-check {
        font-size: 13px !important;
    }

    .osf-check b,
    .osf-check a {
        font-size: 13px !important;
    }
}
