.section{
max-width:1200px;
margin:auto;
padding:40px 20px;
}

.section-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:25px;
}

.lihat-semua{
text-decoration:none;
color:#4f46e5;
font-weight:600;
}

.filter-box{
display:flex;
flex-wrap:wrap;
gap:10px;
background:white;
padding:20px;
border-radius:12px;
box-shadow:0 4px 12px rgba(0,0,0,0.06);
margin-bottom:25px;
}

.filter-box input,
.filter-box select{
padding:10px;
border:1px solid #ddd;
border-radius:6px;
min-width:160px;
}

.filter-box button{
background:#4f46e5;
color:white;
border:none;
padding:10px 18px;
border-radius:6px;
cursor:pointer;
}

.reset{
align-self:center;
text-decoration:none;
color:#777;
}

.guru-container{

display:grid;

grid-template-columns:
repeat(auto-fill,minmax(260px,1fr));

gap:20px;

}

.guru-card{

background:white;

border-radius:14px;

padding:22px;

box-shadow:0 6px 20px rgba(0,0,0,0.06);

text-align:center;

transition:0.2s;

}

.guru-card:hover{

transform:translateY(-4px);

box-shadow:0 12px 30px rgba(0,0,0,0.08);

}

.guru-card img{

width:80px;

height:80px;

border-radius:50%;

object-fit:cover;

margin-bottom:10px;

}

.guru-card h3{

margin:10px 0;

font-size:18px;

}

.badge-premium{

background:#FFD700;

color:#000;

padding:4px 8px;

font-size:12px;

border-radius:6px;

margin-left:6px;

}

.tarif{

font-weight:bold;

font-size:15px;

color:#111;

}

.guru-card a{

display:inline-block;

margin-top:10px;

padding:8px 16px;

background:#10b981;

color:white;

border-radius:6px;

text-decoration:none;

}

.no-result{

text-align:center;

padding:30px;

background:white;

border-radius:10px;

grid-column:1/-1;

}