@layer components{[data-card-spotlight] :is(.glass-card,.glass-panel){position:relative}[data-card-spotlight] :is(.glass-card,.glass-panel):after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--spot-x,50%) var(--spot-y,50%), color-mix(in oklch, var(--primary) 90%, transparent), transparent 72%);-webkit-mask-composite:xor;opacity:0;transition:opacity .24s var(--ease-standard);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-card-spotlight] main a svg.lucide-arrow-right{transition:translate .16s var(--ease-standard)}.site-cursor-field{z-index:-10;pointer-events:none;-webkit-mask-image:radial-gradient(260px circle at var(--cursor-x,50%) var(--cursor-y,50%), #000, transparent);-webkit-mask-image:radial-gradient(260px circle at var(--cursor-x,50%) var(--cursor-y,50%), #000, transparent);mask-image:radial-gradient(260px circle at var(--cursor-x,50%) var(--cursor-y,50%), #000, transparent);opacity:0;transition:opacity .4s var(--ease-standard);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='240' font-family='ui-monospace,Menlo,Consolas,monospace' font-size='10' text-anchor='middle'%3E%3Cg fill='%2310b981' fill-opacity='.6'%3E%3Ctext x='10 30 50 90 110 130 150 170 190 210 230 250 270 290 310 330 350' y='14'%3Eclrpgqmgtlzrmdyfz%3C/text%3E%3Ctext x='30 50 70 90 110 150 170 230 250 290 310 330 350' y='34'%3Eqztcdwlfjptds%3C/text%3E%3Ctext x='10 30 50 70 90 130 150 170 190 210 230 250 270 290 350' y='54'%3Ewmsdntnlbngspyc%3C/text%3E%3Ctext x='10 50 70 90 110 150 170 190 210 230 250 270 290 310 350' y='74'%3Enrdvxpzwsbggnnv%3C/text%3E%3Ctext x='10 50 90 110 150 170 190 210 230 250 270 290 330 350' y='94'%3Eqvghxxbfkqkzdy%3C/text%3E%3Ctext x='10 50 70 90 110 130 150 170 190 210 230 250 290 310 330' y='114'%3Ejbmjvdfjszznycy%3C/text%3E%3Ctext x='10 30 50 90 110 130 170 190 210 230 250 270 290 310 330 350' y='134'%3Eqwkbhggvthqcshjx%3C/text%3E%3Ctext x='10 50 70 130 150 170 190 210 230 250 290 310 330 350' y='154'%3Enxbrrfhjplmtkb%3C/text%3E%3Ctext x='10 30 50 70 90 110 170 190 210 230 270 330 350' y='174'%3Evyyqlbvkjwzkd%3C/text%3E%3Ctext x='10 30 70 90 110 130 150 170 190 230 250 270 290 310 330 350' y='194'%3Elymtpcfgxcvbqkrr%3C/text%3E%3Ctext x='10 30 50 70 130 150 190 250 290 330 350' y='214'%3Ewhhssnqkwml%3C/text%3E%3Ctext x='30 50 70 90 110 130 170 190 210 250 290 310 330 350' y='234'%3Evxwrtpfffplxjr%3C/text%3E%3C/g%3E%3Cg fill='%232a70ff'%3E%3Ctext x='70' y='14'%3Ea%3C/text%3E%3Ctext x='10 130 190 210 270' y='34'%3Eioaii%3C/text%3E%3Ctext x='110 310 330' y='54'%3Eoui%3C/text%3E%3Ctext x='30 130 330' y='74'%3Eeuo%3C/text%3E%3Ctext x='30 70 130 310' y='94'%3Eiaae%3C/text%3E%3Ctext x='30 270 350' y='114'%3Eooa%3C/text%3E%3Ctext x='70 150' y='134'%3Euo%3C/text%3E%3Ctext x='30 90 110 270' y='154'%3Eueua%3C/text%3E%3Ctext x='130 150 250 290 310' y='174'%3Eiueuu%3C/text%3E%3Ctext x='50 210' y='194'%3Eoa%3C/text%3E%3Ctext x='90 110 170 210 230 270 310' y='214'%3Eauaeiii%3C/text%3E%3Ctext x='10 150 230 270' y='234'%3Eeeoe%3C/text%3E%3C/g%3E%3C/svg%3E") 0 0/360px 240px;position:fixed;inset:0}.site-nav-liquid{border:1px solid color-mix(in oklch, var(--foreground) 12%, transparent);background:linear-gradient(180deg, #ffffff24, transparent 55%), color-mix(in oklch, var(--foreground) 8%, transparent);-webkit-backdrop-filter:blur(6px)saturate(170%);backdrop-filter:blur(6px)saturate(170%);pointer-events:none;opacity:0;height:2rem;transition:left .46s cubic-bezier(.3, 1.2, .5, 1), right .26s cubic-bezier(.3, 1.35, .5, 1), opacity .18s var(--ease-standard);border-radius:9999px;margin-top:-1rem;position:absolute;top:50%;box-shadow:inset 0 1px #ffffff47,inset 0 -1px 1px #ffffff0f,0 4px 14px #00000038;box-shadow:inset 0 1px lab(100% 0 0/.28),inset 0 -1px 1px lab(100% 0 0/.06),0 4px 14px lab(0% 0 0/.22)}@supports (color:lab(0% 0 0)){.site-nav-liquid{background:linear-gradient(180deg, lab(100% 0 0/.14), transparent 55%), color-mix(in oklch, var(--foreground) 8%, transparent)}}.site-nav-liquid[data-dir=left]{transition:left .26s cubic-bezier(.3, 1.35, .5, 1), right .46s cubic-bezier(.3, 1.2, .5, 1), opacity .18s var(--ease-standard)}@media (prefers-reduced-motion:reduce){.site-nav-liquid{transition:opacity .18s var(--ease-standard)}.site-nav-liquid[data-dir=left]{transition:opacity .18s var(--ease-standard)}}@media (hover:hover) and (pointer:fine){:root[data-mouse] [data-card-spotlight] :is(.glass-card,.glass-panel):hover:not(:has(:is(.glass-card,.glass-panel):hover)):after{opacity:1}[data-card-spotlight] main a:hover svg.lucide-arrow-right{translate:3px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){[data-card-spotlight] main section:not([aria-labelledby=hero-title]) :is(h2,.glass-card,.glass-panel):not(.overflow-hidden *,.overflow-x-auto *,.overflow-y-auto *){animation:linear both site-reveal;animation-timeline:view();animation-range:entry 0 entry 140px}}}@media (prefers-reduced-motion:reduce){[data-card-spotlight] :is(.glass-card,.glass-panel):after,[data-card-spotlight] main a svg.lucide-arrow-right{transition:none}}}@keyframes site-reveal{0%{opacity:0;translate:0 16px}}
