@custom-variant dark (&:is(.dark *));@theme inline{ --phi: calc((1 + sqrt(5)) / 2); --gwx: calc(var(--phi) - 1); --gnx: calc(1 - var(--gwx)); --snx: calc(1 + var(--gnx)); --swx: var(--phi);  --text-xs: clamp(8px, calc(var(--text-base) / pow(var(--snx), 3)), 10px); --text-sm: clamp(10px, calc(var(--text-base) / pow(var(--snx), 2)), 14px); --text-base: clamp(14px, calc(1dvw * var(--swx)), 21px); --text-md: clamp(21px, calc(var(--text-base) * var(--snx)), 28px); --text-lg: clamp(28px, calc(var(--text-base) * pow(var(--snx), 2)), 35px); --text-xl: clamp(35px, calc(var(--text-base) * pow(var(--snx), 3)), 42px); --text-2x: clamp(42px, calc(var(--text-base) * pow(var(--snx), 4)), 49px); --text-3x: clamp(49px, calc(var(--text-base) * pow(var(--snx), 5)), 56px); --text-4x: clamp(56px, calc(var(--text-base) * pow(var(--snx), 6)), 63px); --text-5x: clamp(63px, calc(var(--text-base) * pow(var(--snx), 7)), 70px); --text-6x: clamp(70px, calc(var(--text-base) * pow(var(--snx), 8)), 77px); --text-7x: clamp(77px, calc(var(--text-base) * pow(var(--snx), 9)), 84px); --text-8x: clamp(84px, calc(var(--text-base) * pow(var(--snx), 10)), 91px); --text-9x: clamp(91px, calc(var(--text-base) * pow(var(--snx), 11)), 98px); --line-height: clamp(1, var(--gnx), var(--gwx)); --text-min: var(--text-sm); --text-max: var(--text-md);  --spacing-base: clamp(4px, calc(1rem * var(--gnx) / var(--swx)), 6px); --spacing-sm: clamp(2px, calc(var(--spacing-base) / var(--swx)), 4px); --spacing-xs: clamp(1px, calc(var(--spacing-sm) / var(--swx)), 3px); --spacing-md: clamp(var(--spacing-base), calc(var(--spacing-base) * var(--swx)), 28px); --spacing-lg: clamp(var(--spacing-md), calc(var(--spacing-md) * var(--swx)), 35px); --spacing-xl: clamp(var(--spacing-lg), calc(var(--spacing-lg) * var(--swx)), 42px); --spacing-2x: clamp(var(--spacing-xl), calc(var(--spacing-xl) * var(--swx)), 49px); --spacing-3x: clamp(var(--spacing-2x), calc(var(--spacing-2x) * var(--swx)), 56px); --spacing-4x: clamp(var(--spacing-3x), calc(var(--spacing-3x) * var(--swx)), 63px); --spacing-5x: clamp(var(--spacing-4x), calc(var(--spacing-4x) * var(--swx)), 70px); --spacing-6x: clamp(var(--spacing-5x), calc(var(--spacing-5x) * var(--swx)), 77px); --spacing-7x: clamp(var(--spacing-6x), calc(var(--spacing-6x) * var(--swx)), 84px); --spacing-8x: clamp(var(--spacing-7x), calc(var(--spacing-7x) * var(--swx)), 91px); --spacing-9x: clamp(var(--spacing-8x), calc(var(--spacing-8x) * var(--swx)), 98px);  --container-gw: calc(var(--gwx) * 100%); --container-gn: calc(var(--gnx) * 100%); --container-gn-2x: calc(var(--container-gn) * 2); --container-gn-1\/2: calc(var(--container-gn) * .5); --container-gw-1\/2: calc(var(--container-gw) * .5); --size-gw: var(--container-gw); --size-gn: var(--container-gn); --size-gn-2x: var(--container-gn-2x); --size-gn-1\/2: var(--container-gn-1\/2); --size-gw-1\/2: var(--container-gw-1\/2); --spacing-gw: var(--container-gw); --spacing-gn: var(--container-gn); --spacing-gn-2x: var(--container-gn-2x); --spacing-gn-1\/2: var(--container-gn-1\/2); --spacing-gw-1\/2: var(--container-gw-1\/2); --aspect-golden: 1 / var(--gwx);  --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --radius-2xl: calc(var(--radius) + 8px); --radius-3xl: calc(var(--radius) + 12px); --radius-4xl: calc(var(--radius) + 16px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --color-rosewater: var(--lightningcss-light,#dc8a78)var(--lightningcss-dark,#f5e0dc); --color-flamingo: var(--lightningcss-light,#dd7878)var(--lightningcss-dark,#f2cdcd); --color-pink: var(--lightningcss-light,#ea76cb)var(--lightningcss-dark,#f5c2e7); --color-mauve: var(--lightningcss-light,#8839ef)var(--lightningcss-dark,#cba6f7); --color-red: var(--lightningcss-light,#d20f39)var(--lightningcss-dark,#f38ba8); --color-maroon: var(--lightningcss-light,#e64553)var(--lightningcss-dark,#eba0ac); --color-peach: var(--lightningcss-light,#fe640b)var(--lightningcss-dark,#fab387); --color-yellow: var(--lightningcss-light,#df8e1d)var(--lightningcss-dark,#f9e2af); --color-green: var(--lightningcss-light,#40a02b)var(--lightningcss-dark,#a6e3a1); --color-teal: var(--lightningcss-light,#179299)var(--lightningcss-dark,#94e2d5); --color-sky: var(--lightningcss-light,#04a5e5)var(--lightningcss-dark,#89dceb); --color-sapphire: var(--lightningcss-light,#209fb5)var(--lightningcss-dark,#74c7ec); --color-blue: var(--lightningcss-light,#1e66f5)var(--lightningcss-dark,#89b4fa); --color-lavender: var(--lightningcss-light,#7287fd)var(--lightningcss-dark,#b4befe); --color-text: var(--lightningcss-light,#4c4f69)var(--lightningcss-dark,#cdd6f4); --color-subtext-1: var(--lightningcss-light,#5c5f77)var(--lightningcss-dark,#bac2de); --color-subtext-0: var(--lightningcss-light,#6c6f85)var(--lightningcss-dark,#a6adc8); --color-overlay-2: var(--lightningcss-light,#7c7f93)var(--lightningcss-dark,#9399b2); --color-overlay-1: var(--lightningcss-light,#8c8fa1)var(--lightningcss-dark,#7f849c); --color-overlay-0: var(--lightningcss-light,#9ca0b0)var(--lightningcss-dark,#6c7086); --color-surface-2: var(--lightningcss-light,#acb0be)var(--lightningcss-dark,#585b70); --color-surface-1: var(--lightningcss-light,#bcc0cc)var(--lightningcss-dark,#45475a); --color-surface-0: var(--lightningcss-light,#ccd0da)var(--lightningcss-dark,#313244); --color-base: var(--lightningcss-light,#eff1f5)var(--lightningcss-dark,#1e1e2e); --color-mantle: var(--lightningcss-light,#e6e9ef)var(--lightningcss-dark,#181825); --color-crust: var(--lightningcss-light,#dce0e8)var(--lightningcss-dark,#11111b); --foreground: var(--color-text); --background: var(--color-base); --border: var(--color-surface-1); --easing-elastic: linear(0, .003 0.3%, .01 0.6%, .038 1.2%, .09 1.9%, .159 2.6%, .321 3.9%, .827 7.5%, .96 8.6%, 1.061 9.6%, 1.142 10.6%, 1.202 11.6%, 1.225 12.1%, 1.242 12.6%, 1.254 13.1%, 1.263 13.7%, 1.266 14.4%, 1.262 15.1%, 1.249 15.9%, 1.23 16.7%, 1.185 18.1%, 1.043 21.9%, 1.008 23%, .979 24.1%, .961 25%, .945 26%, .936 26.9%, .93 27.9%, .929 29.1%, .935 30.5%, .947 32%, .986 35.9%, 1.001 37.8%, 1.013 39.9%, 1.018 42.1%, 1.017 44.8%, 1 52%, .995 56.3%, 1.001 70.2%, 1 84.2%, 1); --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; --animate-fade-in: fade-in .5s ease-out; --animate-fade-in-up: fade-in-up .6s ease-out; --animate-fade-in-up-delay-1: fade-in-up .6s ease-out .1s both; --animate-fade-in-up-delay-2: fade-in-up .6s ease-out .2s both; --animate-fade-in-up-delay-3: fade-in-up .6s ease-out .3s both; --animate-fade-in-up-delay-4: fade-in-up .6s ease-out .4s both; --animate-float: float 6s ease-in-out infinite; --animate-pulse-soft: pulse-soft 3s ease-in-out infinite; --animate-scale-in: scale-in .3s ease-out; @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height); } to { height: 0; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes pulse-soft { 0%, 100% { opacity: .4; } 50% { opacity: .8; } } @keyframes scale-in { from { opacity: 0; transform: scale(.95); } to { opacity: 1; transform: scale(1); } }}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:var(--color-base);--foreground:var(--color-text);--card:var(--color-mantle);--card-foreground:var(--color-text);--popover:var(--color-surface-0);--popover-foreground:var(--color-text);--primary:var(--color-sapphire);--primary-hover:var(--color-blue);--primary-foreground:var(--color-crust);--secondary:var(--color-pink);--secondary-hover:var(--color-mauve);--secondary-foreground:var(--color-crust);--muted:var(--color-overlay-0);--muted-foreground:var(--color-subtext-0);--accent:var(--color-crust);--accent-hover:var(--color-base);--accent-foreground:var(--color-text);--destructive:var(--color-red);--destructive-hover:var(--color-maroon);--destructive-foreground:var(--color-crust);--border:var(--color-surface-1);--input:var(--color-surface-0);--ring:var(--color-surface-0);--chart-1:var(--color-green);--chart-2:var(--color-yellow);--chart-3:var(--color-red);--chart-4:var(--color-purple);--chart-5:var(--color-blue);--sidebar:var(--color-surface-0);--sidebar-foreground:var(--color-text);--sidebar-primary:var(--color-sapphire);--sidebar-primary-foreground:var(--color-crust);--sidebar-accent:var(--color-pink);--sidebar-accent-foreground:var(--color-crust);--sidebar-border:var(--color-surface-1);--sidebar-ring:var(--color-surface-0);max-width:100dvw;font-family:sans-serif;font-size:16px;line-height:1}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root .light{--rosewater:#dc8a78;--flamingo:#dd7878;--pink:#ea76cb;--mauve:#8839ef;--red:#d20f39;--maroon:#e64553;--peach:#fe640b;--yellow:#df8e1d;--green:#40a02b;--teal:#179299;--sky:#04a5e5;--sapphire:#209fb5;--blue:#1e66f5;--lavender:#7287fd;--text:#4c4f69;--subtext-1:#5c5f77;--subtext-0:#6c6f85;--overlay-2:#7c7f93;--overlay-1:#8c8fa1;--overlay-0:#9ca0b0;--surface-2:#acb0be;--surface-1:#bcc0cc;--surface-0:#ccd0da;--base:#eff1f5;--mantle:#e6e9ef;--crust:#dce0e8}:root .dark{--rosewater:#f5e0dc;--flamingo:#f2cdcd;--pink:#f5c2e7;--mauve:#cba6f7;--red:#f38ba8;--maroon:#eba0ac;--peach:#fab387;--yellow:#f9e2af;--green:#a6e3a1;--teal:#94e2d5;--sky:#89dceb;--sapphire:#74c7ec;--blue:#89b4fa;--lavender:#b4befe;--text:#cdd6f4;--subtext-1:#bac2de;--subtext-0:#a6adc8;--overlay-2:#9399b2;--overlay-1:#7f849c;--overlay-0:#6c7086;--surface-2:#585b70;--surface-1:#45475a;--surface-0:#313244;--base:#1e1e2e;--mantle:#181825;--crust:#11111b}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}html,body{background-color:var(--background);max-width:100dvw;min-height:100dvh;color:color-mix(in srgb, var(--foreground) 70%, transparent);margin:0;padding:0;font-weight:400}*,:before,:after{box-sizing:border-box}a,a:link{color:color-mix(in srgb, var(--foreground) 80%, transparent);font-weight:900}a:hover,a:focus-visible,a:active{color:color-mix(in srgb, var(--foreground) 90%, transparent)}p,h1,h2,h3,h4,h5,h6,blockquote,pre,address,input,select,label,legend,textarea,button,li,dt,dd,td,th{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:100}h6,strong,dt{font-weight:900}.follower{anchor-name:--follower;pointer-events:none;z-index:9999;width:28px;height:28px;margin:-14px 0 0 -14px;position:fixed}.indicator{position-anchor:--follower;top:anchor(top);left:anchor(left);right:anchor(right);bottom:anchor(bottom);border-radius:var(--radius);border:2px solid color-mix(in srgb, var(--background) 50%, transparent);background:color-mix(in srgb, var(--foreground) 50%, transparent);z-index:9090;pointer-events:none;mix-blend-mode:overlay;opacity:0;transition:all 1.5s var(--easing-elastic);position:fixed}body:has(:hover,:focus-visible,:active) :hover,body:has(:hover,:focus-visible,:active) :focus-visible,body:has(:hover,:focus-visible,:active) :active{anchor-name:--hovered}body:has(:hover,:focus-visible,:active) #indicator{position-anchor:--hovered;opacity:1}}