html{height:100%;--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #002f65;--mat-sys-on-tertiary-container: #d7e3ff;--mat-sys-on-tertiary-fixed: #001b3f;--mat-sys-on-tertiary-fixed-variant: #00458f;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #abc7ff;--mat-sys-tertiary-container: #00458f;--mat-sys-tertiary-fixed: #d7e3ff;--mat-sys-tertiary-fixed-dim: #abc7ff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-body-large-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-body-medium-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-body-small-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-display-large-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-display-medium-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-display-small-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-headline-large-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-headline-medium-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-headline-small-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-label-large-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-label-medium-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-label-small-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-title-large-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-title-medium-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-title-small-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.light-theme{--mat-sys-background: #fef8fc;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f5eff4;--mat-sys-inverse-primary: #d5baff;--mat-sys-inverse-surface: #323033;--mat-sys-on-background: #1d1b1e;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #5f00c0;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #4b4357;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #1d1b1e;--mat-sys-on-surface-variant: #49454e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #00458f;--mat-sys-on-tertiary-fixed: #001b3f;--mat-sys-on-tertiary-fixed-variant: #00458f;--mat-sys-outline: #7b757f;--mat-sys-outline-variant: #cbc4cf;--mat-sys-primary: #7d00fa;--mat-sys-primary-container: #ecdcff;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #645b70;--mat-sys-secondary-container: #eadef7;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #fef8fc;--mat-sys-surface-bright: #fef8fc;--mat-sys-surface-container: #f2ecf1;--mat-sys-surface-container-high: #ede6eb;--mat-sys-surface-container-highest: #e6e1e6;--mat-sys-surface-container-low: #f8f2f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #ded8dd;--mat-sys-surface-tint: #7d00fa;--mat-sys-surface-variant: #e8e0eb;--mat-sys-tertiary: #005cbb;--mat-sys-tertiary-container: #d7e3ff;--mat-sys-tertiary-fixed: #d7e3ff;--mat-sys-tertiary-fixed-dim: #abc7ff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-body-large-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-body-medium-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-body-small-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-display-large-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-display-medium-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-display-small-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-headline-large-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-headline-medium-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-headline-small-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-label-large-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-label-medium-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-label-small-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-title-large-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-title-medium-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter, Roboto, Segoe UI, sans-serif;--mat-sys-title-small-font: Inter, Roboto, Segoe UI, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}*,*:before,*:after{box-sizing:border-box}html{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}html:hover,html.is-scrolling,html:active{scrollbar-color:rgba(255,255,255,.28) transparent}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:transparent;background-clip:padding-box;border:2px solid transparent;border-radius:9999px;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}html:hover::-webkit-scrollbar-thumb,html.is-scrolling::-webkit-scrollbar-thumb,html:active::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff3d,#ffffff2e);box-shadow:inset 0 0 4px #ffffff1f}html::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffffff73,#ffffff59);border:1px solid rgba(255,255,255,.3);box-shadow:0 0 8px #fff3,inset 0 0 4px #fff6}html.light-theme{scrollbar-color:transparent transparent}html.light-theme:hover,html.light-theme.is-scrolling,html.light-theme:active{scrollbar-color:rgba(100,116,139,.35) transparent}html.light-theme::-webkit-scrollbar-thumb{background:transparent;border:2px solid transparent;border-radius:9999px;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}html.light-theme:hover::-webkit-scrollbar-thumb,html.light-theme.is-scrolling::-webkit-scrollbar-thumb,html.light-theme:active::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#64748b47,#47556947);box-shadow:inset 0 0 4px #00000014}html.light-theme::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4755698c,#3341558c);border:1px solid rgba(0,0,0,.15);box-shadow:0 0 6px #00000026,inset 0 0 4px #fff6}body{color-scheme:dark;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;padding:0;height:100%;transition:background-color .3s ease,color .3s ease}html.light-theme body{color-scheme:light}.cdk-overlay-container{z-index:10000}.cta-dialog-panel{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:10000;pointer-events:none}.cta-dialog-panel>*{pointer-events:auto}:root{--kel-hot-pink: #ff0055;--kel-hot-red: #e11d48;--kel-vivid-pink: #e00070;--kel-electric-violet: #7928ca;--kel-french-violet: #6b21a8;--kel-bright-blue: #2563eb;--kel-orange-red: #f97316;--kel-super-green: #16a34a;--kel-primary: var(--mat-sys-primary);--kel-on-primary: var(--mat-sys-on-primary);--kel-primary-container: var(--mat-sys-primary-container);--kel-secondary: var(--mat-sys-secondary);--kel-on-secondary: var(--mat-sys-on-secondary);--kel-tertiary: var(--mat-sys-tertiary);--kel-on-tertiary: var(--mat-sys-on-tertiary);--kel-surface: var(--mat-sys-surface);--kel-on-surface: var(--mat-sys-on-surface);--kel-outline: var(--mat-sys-outline);--kel-outline-variant: var(--mat-sys-outline-variant)}:root{--kel-body-bg: #0f0f11;--kel-hero-bg: linear-gradient(135deg, #180d28 0%, #0d1222 100%);--kel-hero-radial: radial-gradient(circle at 50% 20%, rgba(225, 29, 72, .25), transparent 70%), linear-gradient(180deg, rgba(15, 15, 17, .5) 0%, rgba(15, 15, 17, .9) 100%);--kel-text-main: #ffffff;--kel-text-sub: rgba(255, 255, 255, .88);--kel-text-muted: rgba(255, 255, 255, .65);--kel-card-bg: rgba(255, 255, 255, .08);--kel-card-border: rgba(255, 255, 255, .16);--kel-card-shadow: 0 15px 35px rgba(0, 0, 0, .4);--kel-card-hover-bg: rgba(255, 255, 255, .14);--kel-gradient-text: linear-gradient(90deg, #ff0055 0%, #ff2a85 40%, #a855f7 100%);--kel-gradient-accent: linear-gradient(90deg, #f97316 0%, #ff0055 50%, #7928ca 100%);--kel-gradient-fab: linear-gradient(135deg, #ff0055 0%, #d946ef 50%, #7928ca 100%);--kel-badge-bg: rgba(225, 29, 72, .16);--kel-badge-border: rgba(225, 29, 72, .4);--kel-badge-text: #ff4d7d;--kel-glow-primary: rgba(224, 0, 112, .4);--kel-glow-tertiary: rgba(121, 40, 202, .35);--kel-glow-pink: rgba(255, 0, 85, .4);--kel-vivid-pink-glow: rgba(255, 0, 85, .4);--kel-pipeline-frontend-bg: #f0f4ff;--kel-pipeline-backend-bg: #1e2d45;--kel-pipeline-db-bg: #111d2e;--kel-pipeline-text-dark: #1a2740;--kel-pipeline-text-light: #e2eaf8;--kel-pipeline-accent: #2563eb;--kel-footer-bg: #090d16;--kel-footer-text: #94a3b8;--kel-footer-text-muted: #64748b;--kel-footer-text-light: #cbd5e1}html.light-theme{--kel-body-bg: #faf8fc;--kel-hero-bg: linear-gradient(135deg, #fff0f6 0%, #f4e8ff 45%, #eef2ff 100%);--kel-hero-radial: radial-gradient(circle at 20% 20%, rgba(244, 63, 94, .18), transparent 45%), radial-gradient(circle at 80% 30%, rgba(168, 85, 247, .18), transparent 50%), radial-gradient(circle at 50% 80%, rgba(59, 130, 246, .14), transparent 55%), linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(250, 248, 252, .95) 100%);--kel-text-main: #0f172a;--kel-text-sub: #1e293b;--kel-text-muted: #334155;--kel-card-bg: rgba(255, 255, 255, .82);--kel-card-border: rgba(244, 63, 94, .22);--kel-card-shadow: 0 20px 40px -15px rgba(225, 29, 72, .12), 0 0 1px 1px rgba(255, 255, 255, .9) inset;--kel-card-hover-bg: rgba(255, 255, 255, .95);--kel-gradient-text: linear-gradient(135deg, #e11d48 0%, #c026d3 50%, #6d28d9 100%);--kel-gradient-accent: linear-gradient(90deg, #ea580c 0%, #e11d48 50%, #7c3aed 100%);--kel-gradient-fab: linear-gradient(135deg, #ff0055 0%, #e11d48 30%, #c026d3 70%, #7c3aed 100%);--kel-badge-bg: rgba(255, 255, 255, .85);--kel-badge-border: rgba(225, 29, 72, .35);--kel-badge-text: #9f1239;--kel-glow-primary: rgba(225, 29, 72, .25);--kel-glow-tertiary: rgba(109, 40, 217, .22);--kel-glow-pink: rgba(255, 0, 85, .35);--kel-vivid-pink-glow: rgba(255, 0, 85, .35);--kel-vivid-pink: #be123c;--kel-hot-pink: #e11d48;--kel-footer-bg: linear-gradient(180deg, #faf8fc 0%, #f1ebf5 100%);--kel-footer-text: #334155;--kel-footer-text-muted: #64748b;--kel-footer-text-light: #0f172a}