@property --eternl-trace{syntax:"<angle>";inherits:false;initial-value:0deg}.eternl-rainbow{background:linear-gradient(90deg, var(--chart-1), var(--chart-2), var(--chart-3), var(--chart-4), var(--chart-5), var(--primary), var(--destructive))}.eternl-headline{color:var(--primary);background:linear-gradient(105deg, var(--destructive) 0%, var(--primary) 45%, var(--chart-5) 70%, var(--primary) 100%);-webkit-text-fill-color:transparent;background-size:180% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite alternate eternl-spectrum}.eternl-cta{--eternl-trace:0deg;isolation:isolate;background:linear-gradient(105deg, var(--destructive), var(--primary)) padding-box, conic-gradient(from var(--eternl-trace), var(--chart-1), var(--chart-2), var(--chart-3), var(--chart-4), var(--chart-5), var(--primary), var(--destructive), var(--chart-1)) border-box;transition:--eternl-trace .2s ease-out, box-shadow .2s ease-out, transform var(--transition-normal) ease-out;border:2px solid #0000;border-radius:999px;position:relative}.eternl-cta:hover{--eternl-trace:360deg;box-shadow:0 0 24px -9px var(--destructive);transition:--eternl-trace .4s ease-in-out, box-shadow .4s ease-in-out, transform var(--transition-normal) ease-out;transform:translateY(-2px)}.eternl-feature{position:relative;overflow:hidden}.eternl-feature:before{content:"";background:linear-gradient(90deg, var(--chart-1), var(--chart-3), var(--chart-5), var(--destructive));opacity:.65;height:2px;position:absolute;top:0;left:0;right:0}.eternl-reveal{animation:.15s ease-out eternl-enter}@keyframes eternl-spectrum{0%{background-position:0%}to{background-position:100%}}@keyframes eternl-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.eternl-headline,.eternl-reveal{animation:none}.eternl-cta,.eternl-cta:hover{transition:none;transform:none}html{scroll-behavior:auto!important}}
