.step{
width:45px;
height:45px;
border-radius:50%;
background:#e5e7eb;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
font-weight:bold;
padding: 30px;
}

.step.active{
background:#22c55e;
color:white;
}



 .feed-title{

margin-top:30px;

font-size:18px;

font-weight:700;

}

.feed{

margin-top:15px;

}

.feed-item{

display:flex;

align-items:center;

gap:10px;

background:white;

padding:12px;

border-radius:10px;

margin-bottom:10px;

box-shadow:0 8px 18px rgba(0,0,0,0.05);

font-size:14px;

animation:slideIn .4s ease;

}

.feed-icon{

font-size:18px;

}

.feed-text{

flex:1;

}

.feed-money{

color:#16a34a;

font-weight:bold;

}



@keyframes slideIn{

from{
opacity:0;
transform:translateY(10px);
}

to{
opacity:1;
transform:translateY(0);
}

}

.form-animate{
transition: all 0.4s ease;
transform: translateY(0);
opacity:1;
}

.form-hidden{
opacity:0;
transform: translateY(20px);
pointer-events:none;
}