.performance{

padding:100px 0;

}

.performance-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:30px;

margin-top:60px;

}

.performance-card{

background:rgba(255,255,255,.06);

border-radius:20px;

padding:35px;

backdrop-filter:blur(20px);

transition:.4s;

}

.performance-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(103,61,230,.30);

}

.progress{

height:12px;

background:#232323;

border-radius:20px;

overflow:hidden;

margin:25px 0;

}

.progress-bar{

width:0;

height:100%;

background:linear-gradient(90deg,#673de6,#9d7dff);

transition:width 2s ease;

}

.percentage{

font-size:32px;

font-weight:700;

margin-bottom:15px;

}