.lumi-candidate-progress{
  grid-column:1/-1;
  width:min(680px,calc(100% - 24px));
  margin:18px auto;
  padding:20px 22px;
  border:2px solid rgba(151,231,223,.78);
  border-radius:26px;
  color:#f8fbff;
  background:linear-gradient(145deg,rgba(28,44,91,.96),rgba(69,48,114,.94));
  box-shadow:0 16px 36px rgba(11,18,54,.26),inset 0 1px rgba(255,255,255,.16);
}
.lumi-progress-copy{display:flex;align-items:center;gap:10px;font-size:16px}
.lumi-progress-copy>span{color:#ffd76e;font-size:24px;animation:lumi-progress-twinkle 1.1s ease-in-out infinite alternate}
.lumi-progress-copy>b{flex:1;font-size:18px;line-height:1.4}
.lumi-progress-copy>em{font-style:normal;font-weight:900;color:#ffe792}
.lumi-progress-track{position:relative;height:16px;margin:16px 6px 10px;border-radius:999px;background:rgba(4,12,39,.6);overflow:visible;box-shadow:inset 0 2px 5px rgba(0,0,0,.35)}
.lumi-progress-track>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#71e7e1,#a98cff 48%,#ffd76e);transition:width .42s ease;box-shadow:0 0 16px rgba(255,215,110,.7)}
.lumi-progress-track>span{position:absolute;top:50%;left:calc(var(--lumi-progress, 0%) - 10px);transform:translateY(-50%);color:#fff5ae;filter:drop-shadow(0 0 7px #ffd76e)}
.lumi-progress-stars{display:flex;justify-content:center;gap:26px;color:rgba(255,255,255,.45);font-size:25px}
.lumi-progress-stars i{font-style:normal;transition:transform .3s ease,color .3s ease}
.lumi-progress-stars i.done{color:#ffd76e;transform:scale(1.18) rotate(12deg);text-shadow:0 0 12px rgba(255,215,110,.8)}
.online-recharge-reference{margin:18px 0;padding:18px;border:2px solid #9bd9d2;border-radius:22px;background:linear-gradient(145deg,#f7fffe,#f5f0ff);color:#173653}
.online-recharge-reference h3{margin:0 0 12px;font-size:20px}
.online-recharge-reference>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.online-recharge-reference article{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #badbdc;border-radius:15px;background:#fff;box-shadow:0 6px 15px rgba(39,77,103,.08)}
.online-recharge-reference article b{font-size:15px}
.online-recharge-reference article small{color:#385873;line-height:1.45}
.online-recharge-reference p{margin:12px 0 0;color:#4b6073;font-size:13px;line-height:1.65}
@keyframes lumi-progress-twinkle{to{transform:scale(1.2) rotate(8deg);filter:drop-shadow(0 0 8px #ffd76e)}}
@media(max-width:700px){.online-recharge-reference>div{grid-template-columns:1fr}.lumi-candidate-progress{padding:16px}.lumi-progress-copy>b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.lumi-progress-copy>span{animation:none}.lumi-progress-track>i,.lumi-progress-stars i{transition:none}}