.hero-text{background-image:linear-gradient(to right,var(--color-primary),var(--color-accent),var(--color-secondary));color:#0000;-webkit-text-fill-color:transparent;background-position:30% 70%;background-size:200% 200%;-webkit-background-clip:text;background-clip:text}.frosted-navbar{-webkit-backdrop-filter:blur(12px)saturate(180%);background:#ffffffb3;transition:background .3s;box-shadow:0 4px 24px #0000000a}