:root{--logo-text-color: #000}.dark{--logo-text-color: #fff}.gradient-svg{grid-area:main;height:100%;width:100%;position:absolute;top:0;left:0;z-index:-1}.gradient-overlay-text{grid-area:main;font:10vmin/.8;font-weight:700;letter-spacing:-.05em;color:#fff3;text-shadow:0 0 20px rgba(255,255,255,.3),0 0 40px rgba(255,255,255,.2),0 0 80px rgba(255,255,255,.1);mix-blend-mode:overlay;position:relative;z-index:1;transition:all .3s ease;filter:blur(.5px);transform:translateZ(-10px);perspective:1000px}.dark .gradient-overlay-text{color:#0000001a;text-shadow:0 0 20px rgba(0,0,0,.4),0 0 40px rgba(0,0,0,.3),0 0 80px rgba(0,0,0,.2);mix-blend-mode:screen;filter:blur(.7px)}@media (prefers-color-scheme: dark){.gradient-overlay-text{color:#ffffff1a;text-shadow:0 0 20px rgba(255,255,255,.4),0 0 40px rgba(255,255,255,.3),0 0 80px rgba(255,255,255,.2);mix-blend-mode:screen;filter:blur(.7px)}}.logo-svg{height:2rem;width:auto}.logo-svg path[fill=black]{fill:var(--logo-text-color);transition:fill .2s ease-in-out}