.step-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:clamp(8px, 1.5vw, 12px);

    margin-bottom:clamp(12px, 2vw, 18px);

}

.step-left{

    display:flex;

    align-items:center;

    gap:clamp(8px, 1.5vw, 10px);

}

.step-number{

    width:clamp(28px, 4vw, 36px);

    height:clamp(28px, 4vw, 36px);

    border-radius:50%;

    background:#6C3FFF;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:clamp(11px, 1.5vw, 14px);

    font-weight:700;

}

.step-title{

    font-size:clamp(14px, 2vw, 18px);

    font-weight:700;

    color:#111827;

    line-height:1.2;

}

.step-action-btn{

    height:clamp(34px, 4vw, 42px);

    padding:0 clamp(12px, 2vw, 18px);

    border:2px solid #6C3FFF;

    border-radius:12px;

    background:#fff;

    color:#6C3FFF;

    font-size:clamp(12px, 1.5vw, 14px);

    font-weight:600;

    cursor:pointer;

}

@media (max-width: 480px){

    .step-header{
        margin-bottom:10px;
    }

    .step-title{
        font-size:14px;
    }

    .step-number{
        width:28px;
        height:28px;
    }

    .step-action-btn{
        height:34px;
        padding:0 12px;
        border-radius:10px;
    }

}