@font-face{font-family:Poppins;src:url("./media/poppins-regular-5L5L6AU2.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url("./media/poppins-600-ASCFMKAH.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url("./media/poppins-700-XFL6U5NI.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url("./media/SourceSans3-VariableFont_wght-V5ULT245.ttf") format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url("./media/fira-code-regular-QEIMMOGQ.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-primary-light: oklch(.5461 .2152 262.88);--color-primary-dark: oklch(.6231 .188 259.81);--color-accent-light: oklch(.7045 .1926 39.23);--color-accent-dark: oklch(.7546 .1512 38.26);--color-white: oklch(1 0 0);--color-black: oklch(0 0 0);--color-neutral-50: oklch(.9842 .0034 247.86);--color-neutral-100: oklch(.9702 0 0);--color-neutral-200: oklch(.9288 .0126 255.51);--color-neutral-400: oklch(.5544 .0407 257.42);--color-neutral-900: oklch(.2795 .0368 260.03);--color-neutral-950: oklch(19% .03351 267.002);--color-neutral-925: oklch(.2077 .0398 265.75);--color-neutral-850: oklch(.2795 .0368 260.03);--color-neutral-750: oklch(.3717 .0392 257.29);--color-neutral-550: oklch(.7107 .0351 256.79);--color-neutral-150: oklch(.9683 .0069 247.9)}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2rem;--font-size-5xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-default: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s;--transition-base: .25s;--transition-slow: .4s;--transition-slower: .6s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--shadow-xs: 0 1px 2px oklch(from var(--color-black) l c h / .05);--shadow-sm: 0 2px 4px oklch(from var(--color-black) l c h / .1);--shadow-md: 0 4px 8px oklch(from var(--color-black) l c h / .15);--shadow-lg: 0 8px 16px oklch(from var(--color-black) l c h / .2);--shadow-xl: 0 16px 32px oklch(from var(--color-black) l c h / .25);--z-dropdown: 100;--z-sticky: 100;--z-navbar: 100;--z-modal: 200;--z-tooltip: 300;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px}:root,[data-theme=light]{--primary: var(--color-primary-light);--accent: var(--color-accent-light);--primary-hover: oklch(from var(--primary) calc(l - .05) c h);--primary-active: oklch(from var(--primary) calc(l - .1) c h);--primary-light: oklch(from var(--primary) calc(l + .1) calc(c*.8) h);--primary-alpha-10: oklch(from var(--primary) l c h / .1);--primary-alpha-20: oklch(from var(--primary) l c h / .2);--primary-alpha-30: oklch(from var(--primary) l c h / .3);--primary-alpha-50: oklch(from var(--primary) l c h / .5);--accent-hover: oklch(from var(--accent) calc(l - .05) c h);--accent-active: oklch(from var(--accent) calc(l - .1) c h);--accent-light: oklch(from var(--accent) calc(l + .1) calc(c*.8) h);--bg-primary: var(--color-white);--bg-secondary: var(--color-neutral-100);--bg-tertiary: var(--color-neutral-50);--surface: var(--color-neutral-50);--surface-hover: oklch(from var(--surface) calc(l - .02) c h);--surface-active: oklch(from var(--surface) calc(l - .04) c h);--surface-elevated: var(--color-white);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-400);--text-tertiary: oklch(from var(--text-secondary) calc(l + .1) c h);--text-disabled: oklch(from var(--text-secondary) calc(l + .2) c h);--text-on-primary: var(--color-white);--text-on-accent: var(--color-white);--link: var(--text-secondary);--link-hover: var(--text-tertiary);--link-visited: oklch(from var(--primary) l c calc(h + 20) );--border-subtle: oklch(from var(--color-neutral-200) calc(l + .02) c h);--border-default: var(--color-neutral-200);--border-strong: oklch(from var(--color-neutral-200) calc(l - .1) c h);--border-interactive: var(--primary-alpha-30);--success: oklch(.65 .2 145);--success-light: oklch(from var(--success) calc(l + .15) calc(c*.6) h);--success-alpha-10: oklch(from var(--success) l c h / .1);--warning: oklch(.75 .18 85);--warning-light: oklch(from var(--warning) calc(l + .1) calc(c*.6) h);--warning-alpha-10: oklch(from var(--warning) l c h / .1);--error: oklch(.6 .25 25);--error-light: oklch(from var(--error) calc(l + .15) calc(c*.6) h);--error-alpha-10: oklch(from var(--error) l c h / .1);--info: var(--primary);--info-light: var(--primary-light);--info-alpha-10: var(--primary-alpha-10);--shadow-sm: 0 1px 2px 0 oklch(from var(--color-neutral-900) l c h / .05);--shadow-md: 0 4px 6px -1px oklch(from var(--color-neutral-900) l c h / .1), 0 2px 4px -2px oklch(from var(--color-neutral-900) l c h / .1);--shadow-lg: 0 10px 15px -3px oklch(from var(--color-neutral-900) l c h / .1), 0 4px 6px -4px oklch(from var(--color-neutral-900) l c h / .1);--shadow-xl: 0 20px 25px -5px oklch(from var(--color-neutral-900) l c h / .1), 0 8px 10px -6px oklch(from var(--color-neutral-900) l c h / .1);--focus-ring: 0 0 0 3px var(--primary-alpha-20);--focus-ring-error: 0 0 0 3px var(--error-alpha-10)}[data-theme=dark]{--primary: var(--color-primary-dark);--accent: var(--color-accent-dark);--primary-hover: oklch(from var(--primary) calc(l + .05) c h);--primary-active: oklch(from var(--primary) calc(l + .1) c h);--primary-light: oklch(from var(--primary) calc(l + .15) calc(c*.8) h);--primary-alpha-10: oklch(from var(--primary) l c h / .15);--primary-alpha-20: oklch(from var(--primary) l c h / .25);--primary-alpha-30: oklch(from var(--primary) l c h / .35);--primary-alpha-50: oklch(from var(--primary) l c h / .5);--accent-hover: oklch(from var(--accent) calc(l + .05) c h);--accent-active: oklch(from var(--accent) calc(l + .1) c h);--accent-light: oklch(from var(--accent) calc(l + .15) calc(c*.8) h);--bg-primary: var(--color-neutral-925);--bg-secondary: var(--color-neutral-950);--bg-tertiary: var(--color-neutral-850);--surface: var(--color-neutral-850);--surface-hover: oklch(from var(--surface) calc(l + .03) c h);--surface-active: oklch(from var(--surface) calc(l + .06) c h);--surface-elevated: oklch(from var(--surface) calc(l + .05) c h);--text-primary: var(--color-neutral-150);--text-secondary: var(--color-neutral-550);--text-tertiary: oklch(from var(--text-secondary) calc(l - .1) c h);--text-disabled: oklch(from var(--text-secondary) calc(l - .2) c h);--text-on-primary: var(--color-white);--text-on-accent: var(--color-white);--link: var(--text-secondary);--link-hover: var(--text-secondary);--link-visited: oklch(from var(--primary) l c calc(h + 30) );--border-subtle: oklch(from var(--color-neutral-750) calc(l - .05) c h);--border-default: var(--color-neutral-750);--border-strong: oklch(from var(--color-neutral-750) calc(l + .1) c h);--border-interactive: var(--primary-alpha-30);--success: oklch(.7 .18 145);--success-light: oklch(from var(--success) calc(l + .15) calc(c*.6) h);--success-alpha-10: oklch(from var(--success) l c h / .15);--warning: oklch(.8 .16 85);--warning-light: oklch(from var(--warning) calc(l + .1) calc(c*.6) h);--warning-alpha-10: oklch(from var(--warning) l c h / .15);--error: oklch(.65 .22 25);--error-light: oklch(from var(--error) calc(l + .15) calc(c*.6) h);--error-alpha-10: oklch(from var(--error) l c h / .15);--info: var(--primary);--info-light: var(--primary-light);--info-alpha-10: var(--primary-alpha-10);--shadow-sm: 0 1px 2px 0 oklch(from var(--color-black) l c h / .3);--shadow-md: 0 4px 6px -1px oklch(from var(--color-black) l c h / .4), 0 2px 4px -2px oklch(from var(--color-black) l c h / .3);--shadow-lg: 0 10px 15px -3px oklch(from var(--color-black) l c h / .5), 0 4px 6px -4px oklch(from var(--color-black) l c h / .4);--shadow-xl: 0 20px 25px -5px oklch(from var(--color-black) l c h / .6), 0 8px 10px -6px oklch(from var(--color-black) l c h / .5);--focus-ring: 0 0 0 3px var(--primary-alpha-20);--focus-ring-error: 0 0 0 3px var(--error-alpha-10)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary: var(--color-primary-dark);--accent: var(--color-accent-dark);--primary-hover: oklch(from var(--primary) calc(l + .05) c h);--primary-active: oklch(from var(--primary) calc(l + .1) c h);--primary-light: oklch(from var(--primary) calc(l + .15) calc(c*.8) h);--primary-alpha-10: oklch(from var(--primary) l c h / .15);--primary-alpha-20: oklch(from var(--primary) l c h / .25);--primary-alpha-30: oklch(from var(--primary) l c h / .35);--primary-alpha-50: oklch(from var(--primary) l c h / .5);--accent-hover: oklch(from var(--accent) calc(l + .05) c h);--accent-active: oklch(from var(--accent) calc(l + .1) c h);--accent-light: oklch(from var(--accent) calc(l + .15) calc(c*.8) h);--bg-primary: var(--color-neutral-925);--bg-secondary: var(--color-neutral-950);--bg-tertiary: var(--color-neutral-850);--surface: var(--color-neutral-850);--surface-hover: oklch(from var(--surface) calc(l + .03) c h);--surface-active: oklch(from var(--surface) calc(l + .06) c h);--surface-elevated: oklch(from var(--surface) calc(l + .05) c h);--text-primary: var(--color-neutral-150);--text-secondary: var(--color-neutral-550);--text-tertiary: oklch(from var(--text-secondary) calc(l - .1) c h);--text-disabled: oklch(from var(--text-secondary) calc(l - .2) c h);--text-on-primary: var(--color-white);--text-on-accent: var(--color-white);--link: var(--text-secondary);--link-hover: var(--primary-hover);--link-visited: oklch(from var(--text-disabled) l c calc(h + 30) );--border-subtle: oklch(from var(--color-neutral-750) calc(l - .05) c h);--border-default: var(--color-neutral-750);--border-strong: oklch(from var(--color-neutral-750) calc(l + .1) c h);--border-interactive: var(--primary-alpha-30);--success: oklch(.7 .18 145);--success-light: oklch(from var(--success) calc(l + .15) calc(c*.6) h);--success-alpha-10: oklch(from var(--success) l c h / .15);--warning: oklch(.8 .16 85);--warning-light: oklch(from var(--warning) calc(l + .1) calc(c*.6) h);--warning-alpha-10: oklch(from var(--warning) l c h / .15);--error: oklch(.65 .22 25);--error-light: oklch(from var(--error) calc(l + .15) calc(c*.6) h);--error-alpha-10: oklch(from var(--error) l c h / .15);--info: var(--primary);--info-light: var(--primary-light);--info-alpha-10: var(--primary-alpha-10);--shadow-sm: 0 1px 2px 0 oklch(from var(--color-black) l c h / .3);--shadow-md: 0 4px 6px -1px oklch(from var(--color-black) l c h / .4), 0 2px 4px -2px oklch(from var(--color-black) l c h / .3);--shadow-lg: 0 10px 15px -3px oklch(from var(--color-black) l c h / .5), 0 4px 6px -4px oklch(from var(--color-black) l c h / .4);--shadow-xl: 0 20px 25px -5px oklch(from var(--color-black) l c h / .6), 0 8px 10px -6px oklch(from var(--color-black) l c h / .5);--focus-ring: 0 0 0 3px var(--primary-alpha-20);--focus-ring-error: 0 0 0 3px var(--error-alpha-10)}}*{box-sizing:border-box;margin:0;padding:0}html{transition:background-color .2s ease,color .2s ease;font-size:16px;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:600;line-height:1.3}h1{font-size:2.5rem;margin-bottom:var(--spacing-12)}h2{font-size:2rem;margin-bottom:var(--spacing-8)}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-4);color:var(--text-secondary)}a{color:var(--link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover)}a:visited{color:var(--link-visited)}a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{box-shadow:var(--focus-ring)}label{font-family:"Source Sans 3",sans-serif;font-weight:500;color:var(--text-primary)}input,textarea,select{font-family:"Source Sans 3",sans-serif;font-size:inherit;color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border-default);border-radius:4px;padding:.5rem .75rem;transition:all .2s ease}input:hover,textarea:hover,select:hover{border-color:var(--border-interactive)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-tertiary)}code,pre{font-family:Fira Code,Courier New,Courier,monospace;background-color:var(--surface);border:1px solid var(--border-default);border-radius:4px;display:block;max-width:fit-content;margin-bottom:var(--spacing-3);white-space:nowrap}code{padding:.2rem .4rem;font-size:.875em}pre{padding:1rem;overflow-x:auto}pre code{border:none;padding:0;background:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container-primary{width:100%;margin:0 auto;padding:0 1rem;background-color:var(--bg-primary)}.container-secondary{width:100%;margin:0 auto;padding:0 1rem;background-color:var(--bg-secondary)}.card{background:var(--surface);border:1px solid var(--border-default);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-surface{background-color:var(--surface)}.border{border:1px solid var(--border-default)}.border-subtle{border:1px solid var(--border-subtle)}.border-strong{border:1px solid var(--border-strong)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}
