.liquid-metal-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:180px;perspective:1000px}.liquid-metal-text{font-size:clamp(4rem,12vw,8rem);font-weight:900;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.02em;position:relative;display:inline-block;background:linear-gradient(135deg,#1e3a5f,#4d6a8f,#8badd4,#fff 45%,#8badd4 55%,#4d6a8f,#1e3a5f,#4d6a8f);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:liquidFlow 8s ease-in-out infinite;text-shadow:0 -1px 0 rgba(255,255,255,.3),0 1px 0 #6b8bb8,0 2px 0 #5a7aa7,0 3px 0 #4d6a8f,0 4px 0 #3d5a7f,0 5px 0 #2d4a6f,0 6px 0 #1e3a5f,0 7px 0 #1a3355,0 8px 0 #152c4a,0 9px 2px rgba(0,0,0,.1),0 10px 4px rgba(0,0,0,.1),0 12px 8px rgba(0,0,0,.15),0 15px 15px rgba(0,0,0,.15),0 20px 30px rgba(30,58,95,.3);transform-style:preserve-3d;transform:rotateX(8deg) translateZ(0)}@keyframes liquidFlow{0%{background-position:0% 50%;filter:hue-rotate(0deg)}25%{background-position:50% 100%}50%{background-position:100% 50%;filter:hue-rotate(10deg)}75%{background-position:50% 0%}to{background-position:0% 50%;filter:hue-rotate(0deg)}}@media (max-width: 640px){.liquid-metal-container{min-height:120px}.liquid-metal-text{font-size:clamp(3rem,15vw,5rem)}}@media (prefers-reduced-motion: reduce){.liquid-metal-text{animation:none}}