.e{--ray-color-primary: color-mix(in srgb, var(--primary-color), transparent 30%);--ray-color-secondary: color-mix(in srgb, var(--secondary-color), transparent 30%);--ray-color-accent: color-mix(in srgb, var(--accent-color), transparent 30%);--ray-gradient-primary: radial-gradient(var(--ray-color-primary) 0%, transparent 70%);--ray-gradient-secondary: radial-gradient(var(--ray-color-secondary) 0%, transparent 70%);--ray-gradient-accent: radial-gradient(var(--ray-color-accent) 0%, transparent 70%);--ray-gradient-blue: radial-gradient(color-mix(in srgb, #0077FF, transparent 30%) 0%, transparent 70%);--ray-gradient-purple: radial-gradient(color-mix(in srgb, #8A2BE2, transparent 30%) 0%, transparent 70%);--ray-color-blue: #0077FF;--ray-color-purple: #8A2BE2;position:fixed;inset:0;overflow:hidden;animation:f 1.5s ease-out;pointer-events:none;z-index:0}html[data-theme=dark] .e{mix-blend-mode:screen}html[data-theme=light] .e{mix-blend-mode:multiply}.g{position:absolute;border-radius:100%;background:transparent}html[data-theme=dark] .g{mix-blend-mode:screen}html[data-theme=light] .g{mix-blend-mode:multiply;opacity:.4}.h{width:1000px;height:1000px;border:80px solid var(--ray-color-blue);top:-300px;left:-150px;filter:blur(100px);opacity:.6;animation:i 8s infinite ease-in-out;background:transparent;transform:rotate(0)}.j{width:900px;height:900px;border:70px solid var(--ray-color-purple);top:-250px;left:300px;filter:blur(90px);opacity:.65;animation:k 10s infinite ease-in-out;background:transparent;transform:rotate(0)}@keyframes i{0%,to{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(80px,-60px) scale(1.08) rotate(15deg)}}@keyframes k{0%,to{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(-70px,90px) scale(.92) rotate(-10deg)}}@keyframes f{0%{opacity:0}to{opacity:1}}
