:root {
    /* Primitives - Mode 1 */
    --color-brand-mac-prim-color-brand5: #E5FAEBFF;
    --color-brand-mac-prim-color-brand20: #AAEFC0FF;
    --color-brand-mac-prim-color-brand70: #008A26FF;
    --color-brand-mac-prim-color-brand90: #006E1EFF;
    --color-brand-mac-prim-color-brand95: #035F1AFF;
    --color-brand-mac-prim-color-brand40: #01D664FF;
    --color-neutral-mac-prim-color-white: #FFFFFFFF;
    --color-neutral-mac-prim-color-gray10: #F1F4F2FF;
    --color-neutral-mac-prim-color-gray30: #DDDDDDFF;
    --color-neutral-mac-prim-color-gray40: #B5B5B5FF;
    --color-neutral-mac-prim-color-gray50: #909090FF;
    --color-neutral-mac-prim-color-gray60: #767676FF;
    --color-neutral-mac-prim-color-gray80: #454545FF;
    --color-neutral-mac-prim-color-black: #000000FF;
    --color-others-mac-prim-color-red70: #DD0F0FFF;
    --color-others-mac-prim-color-blue70: #1500FFFF;
    --spacing-mac-prim-spacing-xs1: 4px;
    --spacing-mac-prim-spacing-xs2: 8px;
    --spacing-mac-prim-spacing-xs3: 12px;
    --spacing-mac-prim-spacing-xs4: 16px;
    --spacing-mac-prim-spacing-s1: 24px;
    --spacing-mac-prim-spacing-s2: 32px;
    --spacing-mac-prim-spacing-s3: 40px;
    --spacing-mac-prim-spacing-s4: 48px;
    --spacing-mac-prim-spacing-m1: 56px;
    --spacing-mac-prim-spacing-m2: 64px;
    --spacing-mac-prim-spacing-m3: 72px;
    --spacing-mac-prim-spacing-m4: 80px;
    --spacing-mac-prim-spacing-l1: 88px;
    --spacing-mac-prim-spacing-l2: 96px;
    --spacing-mac-prim-spacing-l3: 104px;
    --radius-mac-prim-radius-s: 4px;
    --spacing-mac-prim-spacing-l4: 112px;
    --radius-mac-prim-radius-m: 8px;
    --radius-mac-prim-radius-l: 12px;
    --border-mac-prim-border-s: 1px;
    --border-mac-prim-border-m: 2px;
    --typography-font-family-mac-prim-fontfamily-brand: Cera Pro Macmillan;
    --typography-font-family-mac-prim-fontfamily-neutral: Helvetica;
    --typography-font-weight-mac-prim-fontweight-regular: Regular;
    --typography-font-weight-mac-prim-fontweight-bold: Bold;
    --typography-font-weight-mac-prim-fontweight-black: Black;
    --typography-font-size-mac-prim-fontsize-xl2: 48px;
    --typography-line-height-mac-prim-lineheight-l3: 48px;
    --typography-line-height-mac-prim-lineheight-l2: 36px;
    --typography-line-height-mac-prim-lineheight-l1: 32px;
    --typography-line-height-mac-prim-lineheight-m3: 28px;
    --typography-line-height-mac-prim-lineheight-m2: 24px;
    --typography-line-height-mac-prim-lineheight-m1: 20px;
    --typography-line-height-mac-prim-lineheight-s: 16px;
    --typography-font-size-mac-prim-fontsize-xl1: 36px;
    --typography-font-size-mac-prim-fontsize-l3: 32px;
    --typography-font-size-mac-prim-fontsize-l2: 28px;
    --typography-font-size-mac-prim-fontsize-l1: 24px;
    --typography-font-size-mac-prim-fontsize-m: 20px;
    --typography-font-size-mac-prim-fontsize-s: 16px;
    --typography-font-size-mac-prim-fontsize-xs2: 14px;
    --typography-font-size-mac-prim-fontsize-xs1: 12px;
    /* Semantics - Mode 1 */
    --color-background-mac-color-bg-1: var(--color-neutral-mac-prim-color-white);
    --color-background-mac-color-bg-2: var(--color-neutral-mac-prim-color-gray10);
    --color-background-mac-color-bg-3: var(--color-neutral-mac-prim-color-gray30);
    --color-background-mac-color-bg-4: var(--color-brand-mac-prim-color-brand5);
    --color-background-mac-color-bg-5: var(--color-brand-mac-prim-color-brand20);
    --color-background-mac-color-bg-accent: var(--color-brand-mac-prim-color-brand40);
    --color-background-mac-color-bg-invert-1: var(--color-brand-mac-prim-color-brand70);
    --color-background-mac-color-bg-invert-2: var(--color-brand-mac-prim-color-brand90);
    --color-background-mac-color-bg-invert-3: var(--color-neutral-mac-prim-color-black);
    --color-background-mac-color-bg-invert-4: var(--color-neutral-mac-prim-color-gray80);
    --color-background-mac-color-bg-invert-5: var(--color-neutral-mac-prim-color-gray60);
    --color-background-mac-color-bg-invert-6: var(--color-brand-mac-prim-color-brand95);
    --color-foreground-mac-color-fg-primary: var(--color-neutral-mac-prim-color-black);
    --color-foreground-mac-color-fg-secondary: var(--color-neutral-mac-prim-color-gray60);
    --color-foreground-mac-color-fg-tertiary: var(--color-neutral-mac-prim-color-gray80);
    --color-foreground-mac-color-fg-hero: var(--color-brand-mac-prim-color-brand70);
    --color-foreground-mac-color-fg-hero-2: var(--color-brand-mac-prim-color-brand90);
    --color-foreground-mac-color-fg-invert: var(--color-neutral-mac-prim-color-white);
    --color-foreground-mac-color-fg-error: var(--color-others-mac-prim-color-red70);
    --color-border-mac-color-border-lightest: var(--color-neutral-mac-prim-color-white);
    --color-border-mac-color-border-light: var(--color-neutral-mac-prim-color-gray30);
    --color-border-mac-color-border-dark: var(--color-neutral-mac-prim-color-gray60);
    --color-border-mac-color-border-darkest: var(--color-neutral-mac-prim-color-black);
    --color-border-mac-color-border-inner-focus: var(--color-others-mac-prim-color-blue70);
    --color-border-mac-color-border-outer-focus: var(--color-neutral-mac-prim-color-white);
    --color-elevation-mac-color-elevation-primary: var(--color-neutral-mac-prim-color-gray30);
    --color-border-mac-color-border-error: var(--color-others-mac-prim-color-red70);
    --color-elevation-mac-color-elevation-secondary: var(--color-neutral-mac-prim-color-gray50);
    --spacing-mac-spacing-nano1: var(--spacing-mac-prim-spacing-xs1);
    --spacing-mac-spacing-nano2: var(--spacing-mac-prim-spacing-xs2);
    --spacing-mac-spacing-nano3: var(--spacing-mac-prim-spacing-xs3);
    --spacing-mac-spacing-nano4: var(--spacing-mac-prim-spacing-xs4);
    --spacing-mac-spacing-min1: var(--spacing-mac-prim-spacing-s1);
    --spacing-mac-spacing-min2: var(--spacing-mac-prim-spacing-s2);
    --spacing-mac-spacing-min3: var(--spacing-mac-prim-spacing-s3);
    --spacing-mac-spacing-min4: var(--spacing-mac-prim-spacing-s4);
    --spacing-mac-spacing-med1: var(--spacing-mac-prim-spacing-m1);
    --spacing-mac-spacing-med2: var(--spacing-mac-prim-spacing-m2);
    --spacing-mac-spacing-med-3: var(--spacing-mac-prim-spacing-m3);
    --spacing-mac-spacing-med-4: var(--spacing-mac-prim-spacing-m4);
    --spacing-mac-spacing-max1: var(--spacing-mac-prim-spacing-l1);
    --spacing-mac-spacing-max2: var(--spacing-mac-prim-spacing-l2);
    --spacing-mac-spacing-max3: var(--spacing-mac-prim-spacing-l3);
    --spacing-mac-spacing-max4: var(--spacing-mac-prim-spacing-l4);
    --radius-mac-radius-max: var(--radius-mac-prim-radius-l);
    --radius-mac-radius-med: var(--radius-mac-prim-radius-m);
    --radius-mac-radius-min: var(--radius-mac-prim-radius-s);
    --border-mac-border-secondary: var(--border-mac-prim-border-m);
    --border-mac-border-primary: var(--border-mac-prim-border-s);
    --typography-font-family-mac-fontfamily-title: var(--typography-font-family-mac-prim-fontfamily-brand);
    --typography-font-family-mac-fontfamily-body: var(--typography-font-family-mac-prim-fontfamily-neutral);
    --typography-lineheight-headings-mac-lineheight-hs1: var(--typography-line-height-mac-prim-lineheight-l3);
    --typography-font-weight-mac-fontweight-ld: var(--typography-font-weight-mac-prim-fontweight-regular);
    --typography-fontsize-headings-mac-fontsize-hs1: var(--typography-font-size-mac-prim-fontsize-xl2);
    --typography-lineheight-headings-mac-lineheight-hs2: var(--typography-line-height-mac-prim-lineheight-l2);
    --typography-lineheight-headings-mac-lineheight-hs3: var(--typography-line-height-mac-prim-lineheight-l1);
    --typography-lineheight-headings-mac-lineheight-hs4: var(--typography-line-height-mac-prim-lineheight-l1);
    --typography-lineheight-headings-mac-lineheight-hs5: var(--typography-line-height-mac-prim-lineheight-m3);
    --typography-lineheight-headings-mac-lineheight-hs6: var(--typography-line-height-mac-prim-lineheight-m2);
    --typography-lineheight-headings-mac-lineheight-hs7: var(--typography-line-height-mac-prim-lineheight-m1);
    --typography-fontsize-headings-mac-fontsize-hs2: var(--typography-font-size-mac-prim-fontsize-xl1);
    --typography-fontsize-headings-mac-fontsize-hs3: var(--typography-font-size-mac-prim-fontsize-l3);
    --typography-fontsize-headings-mac-fontsize-hs4: var(--typography-font-size-mac-prim-fontsize-l2);
    --typography-fontsize-headings-mac-fontsize-hs5: var(--typography-font-size-mac-prim-fontsize-l1);
    --typography-fontsize-headings-mac-fontsize-hs6: var(--typography-font-size-mac-prim-fontsize-m);
    --typography-fontsize-headings-mac-fontsize-hs7: var(--typography-font-size-mac-prim-fontsize-s);
    --typography-font-weight-mac-fontweight-bs: var(--typography-font-weight-mac-prim-fontweight-regular);
    --typography-font-weight-mac-fontweight-link-regular: var(--typography-font-weight-mac-prim-fontweight-regular);
    --typography-font-weight-mac-fontweight-hs-strong: var(--typography-font-weight-mac-prim-fontweight-bold);
    --typography-font-weight-mac-fontweight-btn: var(--typography-font-weight-mac-prim-fontweight-bold);
    --typography-font-weight-mac-fontweight-hs-heavy: var(--typography-font-weight-mac-prim-fontweight-black);
    --typography-fontsize-paragraph-mac-fontsize-ld: var(--typography-font-size-mac-prim-fontsize-m);
    --typography-fontsize-paragraph-mac-fontsize-bs1: var(--typography-font-size-mac-prim-fontsize-s);
    --typography-fontsize-paragraph-mac-fontsize-bs2: var(--typography-font-size-mac-prim-fontsize-xs2);
    --typography-fontsize-paragraph-mac-fontsize-bs3: var(--typography-font-size-mac-prim-fontsize-xs1);
    --typography-fontsize-actions-mac-fontsize-btn: var(--typography-font-size-mac-prim-fontsize-s);
    --typography-fontsize-links-mac-fontsize-link-l: var(--typography-font-size-mac-prim-fontsize-m);
    --typography-fontsize-links-mac-font-size-link-m: var(--typography-font-size-mac-prim-fontsize-s);
    --typography-fontsize-links-mac-fontsize-link-s: var(--typography-font-size-mac-prim-fontsize-s);
    --typography-fontsize-links-mac-fontsize-ldlink: var(--typography-font-size-mac-prim-fontsize-m);
    --typography-fontsize-links-mac-fontsize-bslink: var(--typography-font-size-mac-prim-fontsize-s);
    --typography-fontsize-links-mac-fontsize-link-xs: var(--typography-font-size-mac-prim-fontsize-xs2);
    --typography-lineheight-paragraph-mac-lineheight-ld: var(--typography-line-height-mac-prim-lineheight-m3);
    --typography-lineheight-paragraph-mac-lineheight-bs1: var(--typography-line-height-mac-prim-lineheight-m2);
    --typography-lineheight-paragraph-mac-lineheight-bs2: var(--typography-line-height-mac-prim-lineheight-m1);
    --typography-lineheight-paragraph-mac-lineheight-bs3: var(--typography-line-height-mac-prim-lineheight-m1);
    --typography-lineheight-links-mac-lineheight-link-l: var(--typography-line-height-mac-prim-lineheight-m2);
    --typography-lineheight-actions-mac-lineheight-btn: var(--typography-line-height-mac-prim-lineheight-s);
    --typography-lineheight-links-mac-lineheight-link-ld: var(--typography-line-height-mac-prim-lineheight-m3);
    --typography-lineheight-links-mac-lineheight-link-m: var(--typography-line-height-mac-prim-lineheight-s);
    --typography-lineheight-links-mac-lineheight-link-s: var(--typography-line-height-mac-prim-lineheight-m1);
    --typography-lineheight-links-mac-lineheight-link-xs: var(--typography-line-height-mac-prim-lineheight-s);
    --color-border-mac-color-border-accent: var(--color-brand-mac-prim-color-brand40);
    --typography-fontsize-labels-mac-fontsize-label-m: var(--typography-font-size-mac-prim-fontsize-m);
    --typography-fontsize-labels-mac-fontsize-label-s: var(--typography-font-size-mac-prim-fontsize-s);
    --typography-lineheight-labels-mac-lineheight-label-m: var(--typography-line-height-mac-prim-lineheight-m2);
    --typography-lineheight-labels-mac-lineheight-label-s: var(--typography-line-height-mac-prim-lineheight-m1);
    --typography-font-weight-mac-fontweight-label-strong: var(--typography-font-weight-mac-prim-fontweight-bold);
}

.brand70 {
    color: var(--color-brand-mac-prim-color-brand70, #008A26) !important;
}

.hstyle1 {
    /* Hstyle/mac-type-hstyle1 */
    font-family: var(--typography-font-family-mac-fontfamily-title, "Cera Pro Macmillan");
    font-size: var(--typography-fontsize-headings-mac-fontsize-hs1, 48px);
    font-style: normal;
    font-weight: 900;
    line-height: var(--typography-lineheight-headings-mac-lineheight-hs1, 48px); /* 100% */
}

.hstyle2 {
    /* Hstyle/mac-type-hstyle2 */
    font-family: var(--typography-font-family-mac-fontfamily-title, "Cera Pro Macmillan");
    font-size: var(--typography-lineheight-headings-mac-lineheight-hs2, 36px);
    font-style: normal;
    font-weight: 900;
    line-height: var(--typography-lineheight-headings-mac-lineheight-hs2, 36px); /* 100% */
}

.hstyle3 {
    /* Hstyle/mac-type-hstyle3 */
    font-family: var(--typography-font-family-mac-fontfamily-title, "Cera Pro Macmillan");
    font-size: var(--typography-fontsize-headings-mac-fontsize-hs3, 32px);
    font-style: normal;
    font-weight: 900;
    line-height: var(--typography-lineheight-headings-mac-lineheight-hs3, 32px); /* 100% */
}

.hstyle4 {
    /* Hstyle/mac-type-hstyle4 */
    font-family: var(--typography-font-family-mac-fontfamily-title, "Cera Pro Macmillan");
    font-size: var(--typography-fontsize-headings-mac-fontsize-hs4, 28px);
    font-style: normal;
    font-weight: 900;
    line-height: var(--typography-lineheight-headings-mac-lineheight-hs4, 32px); /* 114.286% */
}

.htsyle5 {
    /* Hstyle/mac-type-hstyle5 */
    font-family: var(--typography-font-family-mac-fontfamily-title, "Cera Pro Macmillan");
    font-size: var(--typography-fontsize-headings-mac-fontsize-hs5, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--typography-lineheight-headings-mac-lineheight-hs5, 28px); /* 116.667% */
}

.ldstyle{
    color: var(--Neutral-mac-color-black, #000);

    /* Ldstyle/mac-type-ldstyle */
    font-family: var(--typography-font-family-mac-fontfamily-body, Helvetica);
    font-size: var(--typography-fontsize-paragraph-mac-fontsize-ld, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-lineheight-paragraph-mac-lineheight-ld, 28px); /* 140% */
}

.bstyle1 {
    color: var(--Neutral-mac-color-black, #000);

    /* Bstyle/mac-type-bstyle1 */
    font-family: var(--typography-font-family-mac-fontfamily-body, Helvetica) !important;
    font-size: var(--typography-fontsize-paragraph-mac-fontsize-bs1, 16px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: var(--typography-lineheight-paragraph-mac-lineheight-bs1, 24px) !important; /* 150% */
}

.mb0 {
    margin-bottom: 0px !important;
}

@media (min-width: 840px){
    .h1-mac{
        /* Hstyle/mac-type-hstyle1 */
        font-family: var(--typography-font-family-mac-fontfamily-title, "Cera Pro Macmillan");
        font-size: var(--typography-fontsize-headings-mac-fontsize-hs1, 48px);
        font-style: normal;
        font-weight: 900;
        line-height: var(--typography-lineheight-headings-mac-lineheight-hs1, 48px); /* 100% */
    }

    .h2-mac {
        /* Hstyle/mac-type-hstyle2 */
        font-family: var(--typography-font-family-mac-fontfamily-title, "Cera Pro Macmillan");
        font-size: var(--typography-lineheight-headings-mac-lineheight-hs2, 36px);
        font-style: normal;
        font-weight: 900;
        line-height: var(--typography-lineheight-headings-mac-lineheight-hs2, 36px); /* 100% */
    }

    .panel {
        padding-top: 48px;
    }

    .form-item:not(.form-item--radio) {
        margin-bottom: 24px;
    }

    .mb48-32{
        margin-bottom: 48px !important;
    }

    .mb24-16{
        margin-bottom: 24px !important;
    }
}

@media (max-width: 839px){
    .h1-mac{
        /* Hstyle/mac-type-hstyle3 */
        font-family: var(--typography-font-family-mac-fontfamily-title, "Cera Pro Macmillan");
        font-size: var(--typography-fontsize-headings-mac-fontsize-hs3, 32px);
        font-style: normal;
        font-weight: 900;
        line-height: var(--typography-lineheight-headings-mac-lineheight-hs3, 32px); /* 100% */
    }

    .h2-mac {
        /* Hstyle/mac-type-hstyle4 */
        font-family: var(--typography-font-family-mac-fontfamily-title, "Cera Pro Macmillan");
        font-size: var(--typography-fontsize-headings-mac-fontsize-hs4, 28px);
        font-style: normal;
        font-weight: 900;
        line-height: var(--typography-lineheight-headings-mac-lineheight-hs4, 32px); /* 114.286% */
    }

    .panel{
        padding-top: 32px;
    }

    .form-item:not(.form-item--radio) {
        margin-bottom: 16px;
    }

    .mb48-32{
        margin-bottom: 32px !important;
    }

    .mb24-16{
        margin-bottom: 16px !important;
    }
}

.intro > *:not(h1) {
    font-family: var(--typography-font-family-mac-fontfamily-body, "Helvetica");
    font-size: var(--typography-fontsize-paragraph-mac-fontsize-ld, 20px);
    font-weight: var(--typography-font-weight-mac-fontweight-ld, "Regular");
    line-height: var(--typography-lineheight-paragraph-mac-lineheight-ld, 28px);
}

.h3-mac{
    margin-bottom: 16px;

    /* Hstyle/mac-type-hstyle5 */
    font-family: var(--typography-font-family-mac-fontfamily-title, "Cera Pro Macmillan");
    font-size: var(--typography-fontsize-headings-mac-fontsize-hs5, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--typography-lineheight-headings-mac-lineheight-hs5, 28px); /* 116.667% */
}

.h4-mac{
        /* Hstyle/mac-type-hstyle5 */
        font-family: var(--typography-font-family-mac-fontfamily-title, "Cera Pro Macmillan");
        font-size: var(--typography-fontsize-headings-mac-fontsize-hs5, 24px);
        font-style: normal;
        font-weight: 700;
        line-height: var(--typography-lineheight-headings-mac-lineheight-hs5, 28px); /* 116.667% */
}

.mac-spacing-min4{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-mac-spacing-min4, 48px);
}

.form-item label.optional::after {
    content: " (Optional)";
    color: var(--color-foreground-mac-color-fg-primary, #000);
    font-family: var(--typography-font-family-mac-fontfamily-body, Helvetica);
    font-size: var(--typography-fontsize-paragraph-mac-fontsize-bs1, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-lineheight-paragraph-mac-lineheight-bs1, 24px);
    margin-left: 8px;
}

form {
    display: flex;
    flex-direction: column;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb16 {
    margin-bottom: 16px !important;
}

.label-s {
    color: var(--color-foreground-mac-color-fg-primary, #000);

    /* Labels/Label S */
    font-family: var(--typography-font-family-mac-fontfamily-title, "Cera Pro Macmillan") !important;
    font-size: var(--typography-fontsize-labels-mac-fontsize-label-s, 16px) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: var(--typography-lineheight-labels-mac-lineheight-label-s, 20px) !important; /* 125% */
}



/* Form Progress Tracker Component */
.progress-tracker {
    display: flex;
    align-items: flex-start;  /* Changed from center to flex-start */
    justify-content: center;
    gap: 8px;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding: 16px 0;
}

.progress-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex: 1;
    min-width: 0;
    position: relative;
}

.progress-step:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 21px;
    left: calc(50% + 21px);
    width: calc(100% - 30px);
    height: 2px;
    background-color: var(--color-neutral-mac-prim-color-gray30, #DDD);
    z-index: 1;
}

.progress-step.completed:not(:last-child)::after {
    background-color: var(--color-neutral-mac-prim-color-gray30, #DDD);
}

.progress-step.current:not(:last-child)::after {
    background-color: var(--color-neutral-mac-prim-color-gray30, #DDD);
}

.progress-step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #E5FAEB;
    border: none;
    color: #000;
    font-family: "Cera Pro Macmillan";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    z-index: 2;
    position: relative;
    transition: all 0.3s ease;
}

.progress-step.completed .progress-step-number {
    background-color: #01D664;
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    line-height: 0;
}

.progress-step.completed .progress-step-number::before {
    content: '';
    width: 18px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.88146 15.8731C3.44586 15.5161 0.371459 13.1983 0.0120593 11.8117C-0.0383407 11.5279 0.0720592 11.2945 0.290459 11.0287C1.55886 9.48069 3.08286 10.7299 4.19526 11.6419L4.67946 12.0385C4.96926 12.2767 5.16846 12.0349 5.20746 11.9857C5.86206 11.1877 13.1359 2.51109 13.6711 1.85829C13.7107 1.81029 15.7459 -0.525514 16.5199 0.109286C17.5363 0.941486 18.0235 1.82709 16.7155 3.42309L6.65166 16.2433C6.39366 16.5577 5.96706 16.7335 5.78826 16.9507C5.69166 16.8715 5.35506 16.8379 5.21646 17.0077C5.26266 16.8031 5.01846 16.8049 4.94346 16.9459C4.97646 16.6093 4.63146 16.4875 3.88146 15.8731Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.progress-step.current .progress-step-number {
    background-color: #01D664;
    color: #000;
}

.progress-step-label {
    color: var(--color-foreground-mac-color-fg-primary, #000);
    text-align: center;
    font-family: Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    max-width: 100%;
    transition: color 0.3s ease;
}

.progress-step.completed .progress-step-label,
.progress-step.current .progress-step-label {
    color: var(--color-foreground-mac-color-fg-primary, #000);
    font-weight: 400;
}

/* Mobile Responsive Adjustments */
@media (max-width: 767px) {
    .progress-tracker {
        gap: 4px;
        padding: 12px 8px;
    }
    
    .progress-step:not(:last-child)::after {
        top: 16px;
        left: calc(50% + 16px);
        width: calc(100% - 28px);
    }
    
    .progress-step-number {
        width: 32px;
        height: 32px;
        font-size: 18px;
        line-height: 22px;
    }
    
    .progress-step.completed .progress-step-number::before {
        font-size: 16px;
    }
    
    .progress-step-label {
        font-family: Helvetica;
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 480px) {
    .progress-tracker {
        gap: 2px;
        padding: 8px 4px;
    }
    
    .progress-step:not(:last-child)::after {
        top: 14px;
        left: calc(50% + 14px);
        width: calc(100% - 24px);
    }
    
    .progress-step-number {
        width: 28px;
        height: 28px;
        font-size: 16px;
        line-height: 20px;
    }
    
    .progress-step.completed .progress-step-number::before {
        font-size: 14px;
    }
    
    .progress-step-label {
        font-family: Helvetica;
        font-size: 12px;
        line-height: 18px;
    }
}

/* Form Transition Animations */
.form-transition {
    transition: opacity 0.25s ease;
}

/* Accessibility - Respect user's motion preferences */
@media (prefers-reduced-motion: reduce) {
    .form-transition {
        transition: none;
    }
    
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Ensure forms are properly positioned for smooth transitions */
.hidden-form {
    position: relative;
}

/* Optional: Add subtle transform for modern feel (can be removed if too much) */
.form-entering {
    opacity: 0;
    transform: translateY(10px);
}

.form-leaving {
    opacity: 0;
    transform: translateY(-10px);
}

/* Mobile optimizations for transitions */
@media (max-width: 767px) {
    /* Use GPU acceleration for better mobile performance */
    .form-transition {
        will-change: opacity, transform;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.form-item input[type="text"]:focus {
    border-radius: 8px;
    border: 2px solid var(--color-border-mac-color-border-inner-focus, #1500FF);
    background: var(--color-background-mac-color-bg-1, #FFF);
}

.thanks-image-container {
    max-width: 783px;
    margin: 0 auto;
    margin-top: 48px;
}

.thanks-image-container img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 767px) {
    .thanks-image-container {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        margin-top: 0 !important;
    }
    
    .thanks-image-container img {
        width: 100% !important;
    }
}