/* ==========================================
   SERVICES MODULE
   ========================================== */

.services-module{
max-width:1000px;
margin:20px auto 40px auto;
padding:20px 25px;
background:#0f1622;
border:1px solid #1f2a3d;
border-radius:10px;
display:flex;
flex-direction:column;
gap:20px;
}

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:18px;
}

.service-card{
background:#121b2a;
border:1px solid #1f2a3d;
border-radius:10px;
padding:16px;
display:flex;
flex-direction:column;
gap:10px;
transition:all 0.15s ease;
}

.service-card:hover{
transform:translateY(-2px);
border-color:#32435e;
}

.service-card h3{
font-size:15px;
color:#d6e3ff;
}

.service-card h4{
font-size:12px;
color:#8aa2c4;
font-weight:normal;
}

.service-card p{
font-size:12px;
line-height:1.5;
color:#9fb4d0;
}

.service-btn{
margin-top:auto;
background:#1f2a3d;
color:#cfe3ff;
border:1px solid #32435e;
padding:8px 10px;
border-radius:6px;
font-size:12px;
font-weight:600;
cursor:pointer;
transition:all 0.15s ease;
}

.service-btn:hover{
background:#283952;
}

.service-card.active{
border-left:3px solid #00ff88;
}

.service-card.inactive{
border-left:3px solid #64748b;
}

.service-card.beta{
border-left:3px solid #ffd666;
}
.services-module{
max-width:1100px;
margin:20px auto 40px auto;
padding:20px 25px;
background:#0f1622;
border:1px solid #1f2a3d;
border-radius:10px;
display:flex;
flex-direction:column;
gap:20px;
}

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:18px;
}

.service-card{
background:#121b2a;
border:1px solid #1f2a3d;
border-radius:12px;
padding:18px;
display:flex;
flex-direction:column;
gap:10px;
transition:all 0.2s ease;
position:relative;
}

.service-card:hover{
transform:translateY(-4px);
border-color:#32435e;
box-shadow:0 6px 18px rgba(0,0,0,0.35);
}

.service-icon{
font-size:22px;
margin-bottom:5px;
}

.service-card h3{
font-size:15px;
color:#d6e3ff;
}

.service-card h4{
font-size:12px;
color:#8aa2c4;
font-weight:normal;
}

.service-card p{
font-size:12px;
line-height:1.5;
color:#9fb4d0;
}

.service-footer{
margin-top:auto;
display:flex;
justify-content:space-between;
align-items:center;
}

.service-badge{
font-size:10px;
padding:3px 6px;
border-radius:5px;
letter-spacing:1px;
}

.service-badge.active{
background:#123d2b;
color:#00ff88;
}

.service-badge.beta{
background:#3b2d08;
color:#ffd666;
}

.service-badge.inactive{
background:#1e293b;
color:#94a3b8;
}

.service-btn{
background:#1f2a3d;
color:#cfe3ff;
border:1px solid #32435e;
padding:6px 10px;
border-radius:6px;
font-size:11px;
font-weight:600;
cursor:pointer;
transition:all 0.2s ease;
}

.service-btn:hover{
background:#283952;
transform:scale(1.05);
}