@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=UnifrakturMaguntia&display=swap";
@keyframes liquid-flow{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes scan-line{0%{background-position:0 0}to{background-position:0 100%}}@keyframes glitch-skew{0%{transform:skew(0deg)}20%{transform:skew(-2deg)}40%{transform:skew(2deg)}60%{transform:skew(-1deg)}80%{transform:skew(1deg)}to{transform:skew(0deg)}}.metalheart-container{color:#e0e0e0;background-color:#0a0a0a;font-family:Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.metal-bg-noise{opacity:.4;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E")}.metal-schematic-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 100%);mask-image:radial-gradient(circle,#000 40%,#0000 100%)}.liquid-blob{filter:url(#liquid-filter);background:radial-gradient(circle at 30% 30%,#ffffffe6 0%,#c8c8c899 20%,#646464cc 40%,#141414 60%,#000000e6 100%);animation:10s ease-in-out infinite liquid-flow;box-shadow:inset -10px -10px 20px #fff3,inset 10px 10px 20px #000c,0 0 30px #ffffff1a}.font-gothic{font-family:UnifrakturMaguntia,cursive}.font-sharp{font-family:Cinzel,serif}.metal-border-sharp{border:1px solid #ffffff4d;position:relative}.metal-border-sharp:before{content:"";border-top:2px solid #fff;border-left:2px solid #fff;width:10px;height:10px;position:absolute;top:-1px;left:-1px}.metal-border-sharp:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.glitch-hover:hover{color:#000;background:#fff;animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch-skew}