body{background:radial-gradient(circle at top,#0b1c26,#05080d);color:#fff;font-family:Inter,system-ui}.card-glass{background:#ffffff0f;border-radius:24px;padding:30px;box-shadow:0 30px 80px #000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tank-shell{width:110px;height:300px;border-radius:60px;background:linear-gradient(90deg,#444,#999,#444);padding:6px;position:relative;margin:auto}.tank-inner{background:#0b0f14;width:100%;height:100%;border-radius:50px;overflow:hidden;position:relative}.scale{position:absolute;right:-20px;top:10px;bottom:10px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;opacity:.6}.liquid{position:absolute;bottom:0;width:100%;transition:height 1.8s ease;overflow:hidden}.liquid.petrol{background:linear-gradient(180deg,#00ffb2,#00b37a);box-shadow:0 0 40px #00ffb2aa}.liquid.diesel{background:linear-gradient(180deg,#ffd54f,#ff9800);box-shadow:0 0 40px #ff9800aa}.wave{position:absolute;top:-20px;width:200%;height:40px;background:#ffffff59;border-radius:100%;animation:wave 4s linear infinite}.wave:nth-child(2){opacity:.5;animation-duration:6s}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}.percent{text-align:center;font-size:1.6rem;font-weight:700;margin-top:15px}.label{text-align:center;letter-spacing:1px;opacity:.85}