@property --fx-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.fx-page{--fx-hairline:rgb(var(--color-accent-bright) / .18);--fx-hairline-strong:rgb(var(--color-accent-bright) / .45);--fx-green-text:color-mix(in oklch, rgb(var(--color-primary)) 45%, rgb(var(--color-on-ink)));background-color:rgb(var(--color-ink));color:rgb(var(--color-on-ink))}.fx-hero{isolation:isolate;--fx-hairline:rgb(var(--color-accent) / .28);--fx-hairline-strong:rgb(var(--color-accent) / .5);background-color:rgb(var(--color-canvas));color:rgb(var(--color-text));background-image:radial-gradient(120% 80% at 85% 0%, rgb(var(--color-primary) / .06), transparent 60%), radial-gradient(90% 60% at 10% 0%, rgb(var(--color-accent) / .05), transparent 55%);position:relative;overflow:hidden}.fx-section-wash{pointer-events:none;background-image:radial-gradient(120% 80% at 85% 0%, rgb(var(--color-primary) / .07), transparent 60%), radial-gradient(90% 60% at 10% 0%, rgb(var(--color-accent) / .06), transparent 55%);position:absolute;inset:0}.fx-sticky-header{z-index:50;background-color:rgb(var(--color-surface) / .9);position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.fx-sticky-header{background-color:rgb(var(--color-surface) / .72);-webkit-backdrop-filter:saturate(1.1)blur(10px);backdrop-filter:saturate(1.1)blur(10px)}}.fx-globe-glow{z-index:0;pointer-events:none;background:radial-gradient(42% 42% at 50% 46%, rgb(var(--color-primary) / .07), transparent 72%), radial-gradient(60% 60% at 50% 50%, rgb(var(--color-accent) / .05), transparent 72%);position:absolute;inset:-8%}.fx-gold-text{color:rgb(var(--color-accent-bright))}@supports ((-webkit-background-clip:text) or (background-clip:text)){.fx-gold-text{background-image:linear-gradient(100deg, rgb(var(--color-accent-bright)) 0%, color-mix(in oklch, rgb(var(--color-accent-bright)) 55%, rgb(var(--color-on-ink))) 45%, rgb(var(--color-accent-bright)) 90%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}}@media (forced-colors:active){.fx-gold-text{color:canvastext;-webkit-text-fill-color:currentColor;background:0 0}}.fx-glass{background:linear-gradient(160deg, rgb(var(--color-on-ink) / .07), rgb(var(--color-on-ink) / .02) 60%);border:1px solid var(--fx-hairline);box-shadow:inset 0 1px 0 rgb(var(--color-on-ink) / .06), 0 24px 60px -32px rgb(var(--color-ink) / .9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}@media (max-width:640px){.fx-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgb(var(--color-on-ink) / .05)}}.fx-glow{transition:border-color var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard), transform var(--motion-base) var(--ease-standard)}.fx-glow:hover,.fx-glow:focus-within{border-color:var(--fx-hairline-strong);box-shadow:inset 0 1px 0 rgb(var(--color-on-ink) / .08), 0 0 0 1px rgb(var(--color-accent-bright) / .12), 0 18px 50px -20px rgb(var(--color-primary) / .6)}.fx-hairline{background:linear-gradient(90deg, transparent, var(--fx-hairline-strong,rgb(var(--color-accent) / .45)), transparent);block-size:1px}.fx-green-text{color:var(--fx-green-text)}.fx-ring{isolation:isolate;border-radius:var(--r-sm);display:inline-flex;position:relative}.fx-ring:before,.fx-ring:after{content:"";z-index:-1;border-radius:calc(var(--r-sm) + 2px);background:conic-gradient(from var(--fx-angle), rgb(var(--color-accent-bright) / .25) 0deg, rgb(var(--color-accent-bright)) 80deg, rgb(var(--color-primary)) 160deg, rgb(var(--color-accent-bright) / .25) 240deg, rgb(var(--color-accent-bright) / .25) 360deg);position:absolute;inset:-2px}.fx-ring:after{filter:blur(12px);opacity:.5}.fx-node{border:1px solid rgb(var(--color-ink-muted) / .6);border-radius:9999px;flex-shrink:0;block-size:12px;inline-size:12px;display:inline-block;position:relative}.fx-node:after{content:"";border-radius:inherit;background:rgb(var(--color-accent-bright));box-shadow:0 0 12px rgb(var(--color-accent-bright) / .9);opacity:var(--fx-on,1);position:absolute;inset:-1px}.fx-spot{position:relative;overflow:hidden}.fx-spot:before{content:"";border-radius:inherit;background:radial-gradient(360px circle at var(--x,50%) var(--y,0%), rgb(var(--color-accent-bright) / .13), transparent 60%);opacity:0;transition:opacity var(--motion-slow) var(--ease-standard);pointer-events:none;position:absolute;inset:0}.fx-spot:hover:before,.fx-spot:focus-within:before{opacity:1}.fx-track{background:linear-gradient(90deg, rgb(var(--color-primary) / .8), rgb(var(--color-accent-bright)));block-size:1px;position:absolute;inset-block-start:5px;inset-inline:6px 24%}:where([dir=rtl]) .fx-track{background:linear-gradient(270deg, rgb(var(--color-primary) / .8), rgb(var(--color-accent-bright)))}.fx-halo{background:conic-gradient(from var(--fx-angle), rgb(var(--color-primary) / .5), transparent 40%, rgb(var(--color-accent-bright) / .4) 70%, transparent);-webkit-mask-image:radial-gradient(closest-side, transparent 86%, rgb(var(--color-ink)) 88%);-webkit-mask-image:radial-gradient(closest-side, transparent 86%, rgb(var(--color-ink)) 88%);mask-image:radial-gradient(closest-side, transparent 86%, rgb(var(--color-ink)) 88%);border-radius:9999px;position:absolute;inset:12%}@media (prefers-reduced-motion:no-preference){.fx-ring:before,.fx-ring:after,.fx-halo{animation:6s linear infinite fx-spin}.fx-halo{animation-duration:18s}.fx-glow:hover{transform:translateY(-2px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.fx-reveal{animation:linear both fx-rise;animation-timeline:view();animation-range:entry cover 24%}}}@keyframes fx-spin{to{--fx-angle:360deg}}@keyframes fx-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fx-ring:before,.fx-ring:after,.fx-halo,.fx-reveal{animation:none!important}}
