.fluid-energy-container{position:relative;width:100%;height:320px;background:linear-gradient(135deg,#fefefe,#f8f6f0);border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1)}.fluid-energy-svg{position:relative;z-index:2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.energy-circle{animation:breathe 4s ease-in-out infinite;transform-origin:center}.energy-circle.circle-active{animation:spotlightPulse 2s ease-in-out infinite}.energy-circle.circle-dimmed{animation:none}.center-dot{animation:pulse 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.65}50%{opacity:.8}}@keyframes spotlightPulse{0%,to{opacity:.9}50%{opacity:.95}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.7}}.energy-labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.energy-label{position:absolute;transform:translate(-50%,-50%);animation:fadeInUp 1s ease-out forwards;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.energy-label.label-active{transform:translate(-50%,-50%) scale(1.1);opacity:1!important}.energy-label.label-dimmed{opacity:.3!important;transform:translate(-50%,-50%) scale(.9)}.label-content{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.label-text{font-family:"serif";font-size:12px;font-weight:600;color:#4a5568;letter-spacing:.5px;transition:all .4s cubic-bezier(.4,0,.2,1)}.label-active .label-text{font-size:13px;font-weight:700}.label-value{font-size:10px;color:#718096;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1)}.label-active .label-value{font-size:11px;font-weight:600}.center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:4;pointer-events:none;animation:fadeIn 2s ease-out 1s forwards;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.center-text.text-hidden{opacity:0;transform:translate(-50%,-50%) translateY(10px)}.center-title{font-family:"serif";font-size:14px;font-weight:600;color:#4a5568;letter-spacing:2px;margin-bottom:4px}.center-subtitle{font-size:10px;color:#a0aec0;letter-spacing:1px;text-transform:uppercase;font-weight:400}.element-details{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;z-index:5;opacity:0;transform:translate(-50%) translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.element-details.details-visible{opacity:1;transform:translate(-50%) translateY(0)}.detail-content{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:12px 20px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(255,255,255,.3);pointer-events:none}.detail-label{font-family:"serif";font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:4px;transition:color .4s cubic-bezier(.4,0,.2,1)}.detail-description{font-size:12px;color:#666;letter-spacing:.5px;line-height:1.4}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.fluid-energy-container{height:280px}.label-text{font-size:11px}.label-value{font-size:9px}.center-title{font-size:12px}.center-subtitle{font-size:9px}.detail-label{font-size:14px}.detail-description{font-size:11px}.element-details{bottom:15px}.detail-content{padding:10px 16px}}