:root{--purple:#FFD9FF;--violet:#C9AEFF;--pink:#7FECFF}@keyframes background-pan{0%{background-position:0}to{background-position:-200%}}@keyframes scale{0%,to{transform:scale(0)}50%{transform:scale(1)}}@keyframes scale-loop{0%,15%{transform:scale(0)}50%,85%{transform:scale(1)}to{transform:scale(0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes sparkle-fade{0%{opacity:0;transform:scale(0) rotate(0deg)}25%{opacity:1;transform:scale(1) rotate(90deg)}75%{opacity:1;transform:scale(1) rotate(270deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}h1{color:white}h1>.magic{display:inline-block;position:relative}h1>.magic>.magic-star{--size:clamp(8px,0.6vw,12px);animation:scale .7s ease forwards;display:block;height:var(--size);left:var(--star-left);position:absolute;top:var(--star-top);width:var(--size)}h1>.magic>.magic-star>svg{animation:rotate 1s linear infinite;display:block;opacity:.7}h1>.magic>.magic-star>svg>path{fill:var(--violet)}h1>.magic>.magic-text{animation:background-pan 3s linear infinite;background:linear-gradient(90.68deg,#FFD9FF .59%,#C9AEFF 36.14%,#7FECFF 62.5%,#FFFFFF 97.85%);background-size:200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;text-shadow:0 2px 8px 0 #00000040}