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