.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;align-items:start;justify-items:stretch;margin-top:12px}
.skill-card{background:#1f1f1f;color:#fff;border-radius:14px;padding:30px;min-width:320px;min-height:260px;box-shadow:0 8px 20px rgba(0,0,0,0.45)}
.skill-card-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.skill-card-head i{background:#17a2b8;color:#fff;padding:12px;border-radius:8px;font-size:20px}
.skill-card h3{margin:0;font-size:22px}
.progress-title{font-size:15px;margin-bottom:10px}
.progress{background:rgba(255,255,255,0.06);height:12px;border-radius:12px;overflow:hidden}
.progress-bar{background:#0d6efd;height:100%;position:relative}
.progress-bar span{position:absolute;right:8px;top:-22px;color:#9bd1ff;font-size:12px}