body{margin:0;padding:0;font-family:sans-serif;background:#0b0c10;color:#c5c6c7;display:flex;justify-content:center;align-items:center;height:100vh}.wrapper{text-align:center;background:#1f2833;padding:40px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.5);width:320px}h2{margin-bottom:30px;color:#66fcf1;font-weight:400;letter-spacing:1px}.gauge{width:200px;height:200px;border-radius:50%;border:5px solid #45f3ff;margin:0 auto 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 20px rgba(69,243,255,0.2);position:relative}.value{font-size:2.5rem;font-weight:700;color:#fff}.unit{font-size:0.9rem;color:#66fcf1}.btn{background:transparent;border:2px solid #66fcf1;color:#66fcf1;padding:12px 35px;font-size:1rem;border-radius:25px;cursor:pointer;transition:0.3s;font-weight:600}.btn:hover{background:#66fcf1;color:#1f2833;box-shadow:0 0 15px #66fcf1}.stats{display:flex;justify-content:space-between;margin-top:20px;border-top:1px solid #45a29e;padding-top:20px}.stat-box{flex:1}.stat-label{font-size:0.8rem;color:#45a29e;margin-bottom:5px}.stat-val{font-size:1.1rem;font-weight:600;color:#fff}