.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{
    background:linear-gradient(180deg,var(--card),#0e1729);
    border:1px solid var(--line);border-radius:24px;padding:32px 28px;
    display:flex;flex-direction:column;transition:.25s;position:relative;overflow:hidden;
}
.service-card::before{
    content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--accent-grad);opacity:0;transition:.25s;
}
.service-card:hover{transform:translateY(-6px);border-color:rgba(25,195,125,.4)}
.service-card:hover::before{opacity:1}
.service-icon{
    width:56px;height:56px;border-radius:16px;background:rgba(14,165,233,.12);
    display:grid;place-items:center;color:var(--accent-2);font-size:22px;margin-bottom:20px;
}
.service-card h3{font-size:21px;margin-bottom:10px}
.service-card > p{color:var(--muted);font-size:15px;margin-bottom:18px}
.service-card ul{list-style:none;display:grid;gap:10px;margin-bottom:26px}
.service-card li{display:flex;gap:10px;align-items:flex-start;color:#cdd7ee;font-size:15px}
.service-card li i{color:var(--accent);margin-top:4px}
.service-card .btn{margin-top:auto;width:100%}

@media (max-width: 1024px){
    .services-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 760px){
    .services-grid{ grid-template-columns:1fr; gap:16px; }
    .service-card{ padding:24px 20px; border-radius:18px; }
    .service-card h3{ font-size:19px; }
    .service-card > p,
    .service-card li{ font-size:14px; }
    .service-icon{ width:48px; height:48px; font-size:19px; margin-bottom:16px; }
}