.hero-btn{background-color:rgba(var(--black),.1);outline:1px solid rgba(var(--pink),.25);box-shadow:0 0 10px var(--pink);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;font-weight:600;color:var(--pureblack);will-change:transform}.hero-btn:hover{color:var(--pink);box-shadow:0 0 10px #fff;transform:translateY(-3px)}.hero-btn:active,.hero-btn:hover{background-color:rgba(var(--black),.1)!important}.hero-btn:active{transform:translateY(0)}.text-gradient{background:linear-gradient(45deg,var(--pink),var(--blue),var(--pink));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:gradient-animation 5s ease-in-out infinite}.text-gradient,.text-gradient2{-webkit-text-fill-color:transparent;text-fill-color:transparent}.text-gradient2{font-weight:700;background:linear-gradient(90deg,#ff87ff 20%,#00f0ff 30%,#08dae9 70%,#e951e9 80%);-webkit-background-clip:text;background-clip:text;background-size:500% auto;animation:textShine 5s ease-in-out infinite alternate;line-height:1.2}@keyframes textShine{0%{background-position:0 50%}to{background-position:100% 50%}}@media (max-width:768px){.hero-text-container{display:flex;flex-direction:column;justify-content:center;align-items:center}}@keyframes gradient-animation{0%{background-position:0 50%}25%{background-position:50% 75%}50%{background-position:200% 200%}to{background-position:0 50%}}