.hero-latar{-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.hero-cahaya{filter:blur(70px);will-change:transform;border-radius:9999px;position:absolute}.hero-cahaya-a{background:radial-gradient(closest-side,#d4a01761,#0000);width:26rem;height:26rem;animation:16s ease-in-out infinite alternate hero-melayang;top:-6rem;left:-5rem}.hero-cahaya-b{background:radial-gradient(closest-side,#99660042,#0000);width:30rem;height:30rem;animation:20s ease-in-out -6s infinite alternate-reverse hero-melayang;top:2rem;right:-7rem}.hero-cahaya-c{background:radial-gradient(closest-side,#ebe3d5e6,#0000);width:22rem;height:22rem;animation:18s ease-in-out -3s infinite alternate hero-melayang;top:12rem;left:38%}.hero-titik{background-image:radial-gradient(#99660038 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 50% 35%,#000,#0000 75%);mask-image:radial-gradient(60% 70% at 50% 35%,#000,#0000 75%)}@keyframes hero-melayang{0%{transform:translate(0,0)scale(1)}to{transform:translate(2.5rem,1.5rem)scale(1.08)}}.hero-in{opacity:0;filter:blur(6px);animation:hero-masuk 1s cubic-bezier(.16, 1, .3, 1) var(--d,0s) forwards;transform:translateY(14px)}.hero-logo{animation-name:hero-logo-masuk}@keyframes hero-masuk{to{opacity:1;filter:none;transform:none}}@keyframes hero-logo-masuk{0%{opacity:0;filter:blur(6px);transform:scale(.8)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.hero-in{opacity:1;filter:none;animation:none;transform:none}.hero-cahaya{animation:none}}