@media (max-width:768px){.circle{width:150px;height:150px;border-radius:50%;background:conic-gradient(#4caf50 0% 0%,#ddd 0% 100%);display:flex;align-items:center;justify-content:center;animation:fillCircle 2s ease-out forwards;position:relative}.inner{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.percentage{font-size:1.5em;font-weight:700;color:#4caf50}}