.cwv{max-width:500px;margin:auto;font-family:Arial;padding:20px;background:#111;color:#fff;border:2px solid #d6111e}
input{width:100%;padding:10px;background:#000;color:#fff;border:1px solid #d6111e;margin-bottom:10px}
button{background:#d6111e;color:#fff;border:none;padding:10px;width:100%;cursor:pointer}
.circle{
width:120px;height:120px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
margin:20px auto;font-size:30px;border:6px solid #333;
}
.cards{display:flex;gap:10px}
.card{flex:1;padding:15px;background:#000;border:1px solid #d6111e;text-align:center}
.good{border-color:#0f0}
.mid{border-color:orange}
.bad{border-color:#d6111e}