body{
  font-family:'Inter',sans-serif;
  background:linear-gradient(135deg,#f8fafc,#eff6ff);
 }

.fw_900{
    font-weight: 900;
}

.sub_badge{
    border-radius: 30px;
    padding: 0.5rem 1rem;
    font-weight: 600;
    font-size: 14px;
}
.blue20{
    background-color: #dbeafe;
}
.yellow20{
    background-color: #fffbeb;
}
.yellow40{
    background-color: #ffedd5;
}
.green20{
    background-color: #f0fdf4;
}
.white20{
   background-color: #ffffff20;
}
.text_blue{
    color: #1d4ed8;
}




.gradient-ol{
    list-style:none;
    padding:0;
    margin:0;
    counter-reset: step;
}

.gradient-ol li{
    counter-increment: step;
    position:relative;
    padding-left:38px;
    margin-bottom:12px;
    /*font-size:15px;*/
    color:#374151;
    line-height:1.6;
}

.gradient-ol li::before{
    content: counter(step);
    position:absolute;
    left:0;
    top:0.15em;
    width:26px;
    height:26px;
    border-radius:50%;
    background: linear-gradient(135deg,#2563eb,#4f46e5);
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-align:center;
    line-height:26px;
}

/* Gradient text */
.gradient-text{
 background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
}

/* Animation */
@keyframes fadeInUp{
 from{opacity:0;transform:translateY(30px)}
 to{opacity:1;transform:translateY(0)}
}
.animate-fade{
 animation:fadeInUp .8s ease-out forwards;
}

/* Cards */
.help-card{
 transition:.3s ease;
}
.help-card:hover{
 transform:translateY(-2px);
 box-shadow:0 12px 24px rgba(37,99,235,.15);
}

/* Step number */
.step-number{
 width:26px;
 height:26px;
 border-radius:50%;
 background:linear-gradient(135deg,#2563eb,#4f46e5);
 color:#fff;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:13px;
 font-weight:700;
 flex-shrink:0;
}