:root{--space-unit: .25rem;--space-0: 0;--space-0-5: calc(var(--space-unit) * .5);--space-1: calc(var(--space-unit) * 1);--space-2: calc(var(--space-unit) * 2);--space-3: calc(var(--space-unit) * 3);--space-4: calc(var(--space-unit) * 4);--space-5: calc(var(--space-unit) * 5);--space-6: calc(var(--space-unit) * 6);--space-8: calc(var(--space-unit) * 8);--space-10: calc(var(--space-unit) * 10);--space-12: calc(var(--space-unit) * 12);--space-16: calc(var(--space-unit) * 16);--space-20: calc(var(--space-unit) * 20);--space-24: calc(var(--space-unit) * 24);--space-32: calc(var(--space-unit) * 32);--padding-xs: var(--space-2);--padding-sm: var(--space-3);--padding-md: var(--space-4);--padding-lg: var(--space-6);--padding-xl: var(--space-8);--padding-2xl: var(--space-12);--margin-xs: var(--space-2);--margin-sm: var(--space-3);--margin-md: var(--space-4);--margin-lg: var(--space-6);--margin-xl: var(--space-8);--margin-2xl: var(--space-12);--gap-xs: var(--space-2);--gap-sm: var(--space-3);--gap-md: var(--space-4);--gap-lg: var(--space-6);--gap-xl: var(--space-8);--gap-2xl: var(--space-12);--radius-none: 0;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--container-8xl: 100rem;--container-9xl: 125rem;--blur-xs: 2px;--blur-sm: 8px;--blur-md: 10px;--blur-lg: 16px;--blur-xl: 40px;--icon-size-xs: 12px;--icon-size-sm: 20px;--icon-size-md: 32px;--icon-size-lg: 48px;--screen-xs: 320px;--screen-sm: 640px;--screen-md: 768px;--screen-lg: 1024px;--screen-xl: 1280px;--screen-2xl: 1536px;--screen-3xl: 1920px;--screen-4xl: 2560px;--screen-5xl: 3840px;--hero-padding-mobile: var(--space-8);--hero-padding-tablet: var(--space-12);--hero-padding-desktop: var(--space-16);--hero-padding-large: var(--space-20);--hero-padding-xlarge: var(--space-24);--hero-content-gap: var(--space-6);--hero-text-margin-bottom: var(--space-8);--hero-height-mobile: 50vh;--hero-height-tablet: 55vh;--hero-height-desktop: 60vh;--hero-height-large: 55vh;--hero-height-xlarge: 50vh;--hero-max-width: var(--container-6xl);--hero-content-max-width: var(--container-5xl);--about-avatar-size-desktop: 20rem;--about-avatar-size-tablet: 16rem;--about-avatar-size-mobile: 12rem;--about-avatar-radius-desktop: 1.5rem;--about-avatar-radius-mobile: .75rem;--about-content-gap: 3rem;--about-section-spacing: var(--space-16);--touch-target-min: 44px;--touch-target-comfort: 48px;--touch-target-spacing: var(--space-2);--touch-action-default: manipulation}:root{color-scheme:light dark;--color-gray-0: oklch(14% .01 var(--hue-neutral));--color-gray-50: oklch(18% .015 var(--hue-neutral));--color-gray-100: oklch(26% .02 var(--hue-neutral));--color-gray-200: oklch(35% .025 var(--hue-neutral));--color-gray-300: oklch(45% .03 var(--hue-neutral));--color-gray-400: oklch(55% .025 var(--hue-neutral));--color-gray-500: oklch(65% .02 var(--hue-neutral));--color-gray-600: oklch(72% .015 var(--hue-neutral));--color-gray-700: oklch(81% .01 var(--hue-neutral));--color-gray-800: oklch(90% .005 var(--hue-neutral));--color-gray-900: oklch(95% .002 var(--hue-neutral));--color-gray-750: oklch(87% .007 var(--hue-neutral));--color-gray-999: oklch(100% 0 0);--color-accent-light: oklch(72% .25 var(--hue-accent-light));--color-accent-regular: oklch(45% .28 var(--hue-primary));--color-accent-dark: oklch(25% .25 var(--hue-accent-dark));--color-accent-overlay: oklch(67% .25 var(--hue-primary) / .33);--color-accent-subtle-overlay: oklch( 67% .25 var(--hue-primary) / .15 );--color-text-primary: var(--color-gray-200);--color-text-secondary: var(--color-gray-300);--color-text-accent: var(--color-accent-regular);--color-text-over-accent: var(--color-gray-999);--color-text-muted: var(--color-gray-400);--color-text-subtle: var(--color-gray-500);--color-text-body: var(--color-gray-300);--color-text-heading: var(--color-gray-100);--color-text-on-accent: var(--color-gray-999);--color-bg-primary: var(--color-gray-999);--color-bg-secondary: var(--color-gray-900);--color-bg-accent: var(--color-accent-regular);--color-bg-hover: var(--color-gray-900);--color-bg-subtle: var(--color-gray-900);--color-bg-surface: var(--color-gray-950, var(--color-gray-900));--color-bg-tertiary: var(--color-gray-800);--color-accent: var(--color-accent-regular);--color-accent-bg: oklch(95% .05 var(--hue-primary) / .1);--color-link: var(--color-accent-regular);--color-link-hover: var(--color-accent-dark);--color-white: oklch(100% 0 0);--color-border-default: var(--color-gray-800);--color-border-subtle: var(--color-gray-900);--color-border-strong: var(--color-gray-700);--color-border-hover: var(--color-gray-600);--color-info: oklch(60% .2 var(--hue-info));--color-info-light: oklch(95% .05 var(--hue-info));--color-info-dark: oklch(40% .15 var(--hue-info));--color-neutral: oklch(50% .01 var(--hue-neutral));--color-neutral-light: oklch(95% .005 var(--hue-neutral));--color-neutral-dark: oklch(35% .01 var(--hue-neutral));--color-success: oklch(65% .2 var(--hue-success));--color-success-light: oklch(95% .05 var(--hue-success));--color-success-dark: oklch(45% .18 var(--hue-success));--color-warning: oklch(75% .18 var(--hue-warning));--color-warning-light: oklch(95% .05 var(--hue-warning));--color-warning-dark: oklch(55% .16 var(--hue-warning));--color-accent-orange: oklch(65% .18 var(--hue-error));--nav-mobile-bg: oklch(96% .005 var(--hue-neutral) / .95);--color-particle-light: oklch(45% .03 var(--hue-primary));--color-particle-light-link: oklch(35% .025 var(--hue-primary));--color-particle-dark: oklch(65% .02 var(--hue-primary));--color-particle-dark-link: oklch(55% .025 var(--hue-primary));--divider-height: 1px;--divider-blur: .5px;--divider-opacity: .4;--divider-radius: 9999px;--divider-gradient: linear-gradient( 90deg, transparent 0%, var(--color-accent-regular) 20%, var(--color-accent-dark) 50%, var(--color-accent-regular) 80%, transparent 100% );--color-status-public-bg: oklch(95% .08 145);--color-status-public-text: oklch(35% .12 145);--color-status-public-border: oklch(75% .1 145);--color-toggle-icon: oklch(0% 0 0);--color-toggle-icon-hover: oklch(30% 0 0);--glow-height: 3px;--glow-blur: 12px;--glow-opacity: .4;--glow-transition-height: 120px;--glow-gradient: linear-gradient(180deg, var(--color-accent-regular) 0%, transparent 100%);--glow-gradient-subtle: linear-gradient( 180deg, color-mix(in oklch, var(--color-accent-regular) 30%, transparent) 0%, transparent 100% )}:root._theme-dark_u3atg_1{--color-gray-0: oklch(100% 0 0);--color-gray-50: oklch(95% .002 var(--hue-neutral));--color-gray-100: oklch(90% .005 var(--hue-neutral));--color-gray-200: oklch(81% .01 var(--hue-neutral));--color-gray-300: oklch(72% .015 var(--hue-neutral));--color-gray-400: oklch(65% .02 var(--hue-neutral));--color-gray-500: oklch(55% .025 var(--hue-neutral));--color-gray-600: oklch(45% .03 var(--hue-neutral));--color-gray-700: oklch(35% .025 var(--hue-neutral));--color-gray-750: oklch(30% .02 var(--hue-neutral));--color-gray-800: oklch(26% .02 var(--hue-neutral));--color-gray-900: oklch(18% .015 var(--hue-neutral));--color-gray-999: oklch(14% .01 var(--hue-neutral));--color-accent-light: oklch(25% .25 var(--hue-accent-dark));--color-accent-regular: oklch(45% .28 var(--hue-primary));--color-accent-dark: oklch(72% .25 var(--hue-accent-light));--color-accent-overlay: oklch(67% .25 var(--hue-primary) / .33);--color-accent-subtle-overlay: oklch(36% .2 var(--hue-primary) / .33);--color-text-primary: var(--color-gray-200);--color-text-secondary: var(--color-gray-300);--color-text-accent: var(--color-accent-dark);--color-text-over-accent: var(--color-gray-0);--color-text-muted: var(--color-gray-400);--color-text-subtle: var(--color-gray-500);--color-text-body: var(--color-gray-300);--color-text-heading: var(--color-gray-100);--color-text-on-accent: var(--color-gray-0);--color-bg-primary: var(--color-gray-999);--color-bg-secondary: var(--color-gray-900);--color-bg-accent: var(--color-accent-regular);--color-bg-hover: var(--color-gray-900);--color-bg-subtle: var(--color-gray-900);--color-bg-surface: var(--color-gray-900);--color-bg-tertiary: var(--color-gray-800);--color-accent: var(--color-accent-dark);--color-accent-bg: oklch(25% .1 var(--hue-primary) / .15);--color-link: var(--color-accent-dark);--color-link-hover: var(--color-accent-light);--color-white: oklch(100% 0 0);--color-border-default: var(--color-gray-200);--color-border-subtle: var(--color-gray-100);--color-border-strong: var(--color-gray-300);--color-border-hover: var(--color-gray-400);--color-info: oklch(65% .18 var(--hue-info));--color-info-light: oklch(30% .12 var(--hue-info));--color-info-dark: oklch(80% .15 var(--hue-info));--color-neutral: oklch(55% .01 var(--hue-neutral));--color-neutral-light: oklch(25% .005 var(--hue-neutral));--color-neutral-dark: oklch(70% .01 var(--hue-neutral));--color-success: oklch(70% .18 var(--hue-success));--color-success-light: oklch(30% .15 var(--hue-success));--color-success-dark: oklch(85% .15 var(--hue-success));--color-warning: oklch(80% .16 var(--hue-warning));--color-warning-light: oklch(35% .14 var(--hue-warning));--color-warning-dark: oklch(90% .12 var(--hue-warning));--nav-mobile-bg: oklch(14% .01 var(--hue-neutral) / .95);--divider-opacity: .3;--divider-blur: .75px;--divider-gradient: linear-gradient( 90deg, transparent 0%, var(--color-accent-dark) 20%, var(--color-accent-regular) 50%, var(--color-accent-dark) 80%, transparent 100% );--color-status-public-bg: oklch(25% .06 145);--color-status-public-text: oklch(70% .12 145);--color-status-public-border: oklch(40% .1 145);--color-toggle-icon: oklch(90% .05 240);--color-toggle-icon-hover: oklch(95% .08 240);--glow-opacity: .5;--glow-blur: 15px;--glow-gradient: linear-gradient(180deg, var(--color-accent-dark) 0%, transparent 100%);--glow-gradient-subtle: linear-gradient( 180deg, color-mix(in oklch, var(--color-accent-dark) 40%, transparent) 0%, transparent 100% )}:root{--color-gray-999-40: color-mix(in oklch, var(--color-gray-999) 40%, transparent);--color-gray-999-60: color-mix(in oklch, var(--color-gray-999) 60%, transparent);--color-gray-999-80: color-mix(in oklch, var(--color-gray-999) 80%, transparent)}:root{--gradient-stop-1: var(--color-accent-light);--gradient-stop-2: var(--color-accent-regular);--gradient-stop-3: var(--color-accent-dark);--gradient-subtle: linear-gradient(150deg, var(--color-gray-900) 19%, var(--color-gray-999) 150%);--gradient-surface-subtle: linear-gradient( 135deg, oklch(96% .005 var(--hue-neutral) / .5) 0%, oklch(94% .008 var(--hue-neutral) / .7) 100% );--gradient-accent: linear-gradient( 150deg, var(--gradient-stop-1), var(--gradient-stop-2), var(--gradient-stop-3) );--gradient-accent-orange: linear-gradient( 150deg, var(--color-accent-orange), var(--color-accent-regular), var(--color-accent-dark) );--gradient-stroke: linear-gradient(180deg, var(--color-gray-900), var(--color-gray-700));--gradient-hero: linear-gradient( 135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100% );--gradient-button: var(--gradient-accent);--gradient-button-hover: linear-gradient( 150deg, var(--color-accent-dark), var(--color-accent-regular), var(--color-accent-light) );--gradient-text: var(--gradient-accent);--gradient-bg-radial: radial-gradient( circle at 50% 50%, var(--color-accent-overlay), transparent 50% );--gradient-hero-orb: radial-gradient( ellipse 800px 600px at 50% 30%, oklch(67% .25 var(--hue-primary) / .4), oklch(45% .28 var(--hue-primary) / .2) 40%, transparent 70% );--gradient-hero-orb-secondary: radial-gradient( ellipse 600px 400px at 70% 20%, oklch(72% .25 var(--hue-accent-light) / .3), transparent 60% );--gradient-hero-accent: radial-gradient( circle 500px at 50% 50%, var(--color-accent-regular), transparent 70% )}:root._theme-dark_u3atg_1{--gradient-stop-1: oklch(35% .3 var(--hue-accent-dark));--gradient-subtle: linear-gradient(150deg, var(--color-gray-900) 19%, var(--color-gray-999) 81%);--gradient-surface-subtle: linear-gradient( 135deg, oklch(18% .01 var(--hue-neutral) / .6) 0%, oklch(22% .015 var(--hue-neutral) / .8) 100% );--gradient-accent-orange: linear-gradient( 150deg, var(--color-accent-orange), var(--color-accent-regular), var(--color-accent-light) );--gradient-stroke: linear-gradient(180deg, var(--color-gray-600), var(--color-gray-800));--gradient-hero-orb: radial-gradient( ellipse 900px 700px at 50% 30%, oklch(45% .28 var(--hue-primary) / .5), oklch(67% .25 var(--hue-primary) / .25) 40%, transparent 70% );--gradient-hero-orb-secondary: radial-gradient( ellipse 700px 500px at 70% 20%, oklch(72% .25 var(--hue-accent-light) / .35), transparent 60% );--gradient-hero-accent: radial-gradient( circle 600px at 50% 50%, oklch(45% .28 var(--hue-primary) / .6), transparent 70% )}:root{--shadow-xs: 0 1px 2px 0 rgba(9, 11, 17, .05);--shadow-sm: 0px 6px 3px rgba(9, 11, 17, .01), 0px 4px 2px rgba(9, 11, 17, .01), 0px 2px 2px rgba(9, 11, 17, .02), 0px 0px 1px rgba(9, 11, 17, .03);--shadow-md: 0px 28px 11px rgba(9, 11, 17, .01), 0px 16px 10px rgba(9, 11, 17, .03), 0px 7px 7px rgba(9, 11, 17, .05), 0px 2px 4px rgba(9, 11, 17, .06);--shadow-lg: 0px 62px 25px rgba(9, 11, 17, .01), 0px 35px 21px rgba(9, 11, 17, .05), 0px 16px 16px rgba(9, 11, 17, .1), 0px 4px 9px rgba(9, 11, 17, .12);--shadow-xl: 0 20px 25px -5px rgba(9, 11, 17, .1), 0 10px 10px -5px rgba(9, 11, 17, .04);--shadow-2xl: 0 25px 50px -12px rgba(9, 11, 17, .25);--shadow-inner: inset 0 2px 4px 0 rgba(9, 11, 17, .06);--shadow-none: none;--shadow-glow: 0 0 20px rgba(117, 17, 166, .3);--shadow-card: var(--shadow-md);--shadow-card-hover: var(--shadow-lg);--shadow-button: var(--shadow-sm);--shadow-button-hover: var(--shadow-md);--shadow-modal: var(--shadow-2xl)}:root._theme-dark_u3atg_1{--shadow-xs: 0 1px 2px 0 rgba(255, 255, 255, .05);--shadow-sm: 0px 6px 3px rgba(255, 255, 255, .01), 0px 4px 2px rgba(255, 255, 255, .01), 0px 2px 2px rgba(255, 255, 255, .02), 0px 0px 1px rgba(255, 255, 255, .03);--shadow-md: 0px 28px 11px rgba(255, 255, 255, .01), 0px 16px 10px rgba(255, 255, 255, .03), 0px 7px 7px rgba(255, 255, 255, .05), 0px 2px 4px rgba(255, 255, 255, .06);--shadow-lg: 0px 62px 25px rgba(255, 255, 255, .01), 0px 35px 21px rgba(255, 255, 255, .05), 0px 16px 16px rgba(255, 255, 255, .1), 0px 4px 9px rgba(255, 255, 255, .12);--shadow-xl: 0 20px 25px -5px rgba(255, 255, 255, .1), 0 10px 10px -5px rgba(255, 255, 255, .04);--shadow-2xl: 0 25px 50px -12px rgba(255, 255, 255, .25);--shadow-inner: inset 0 2px 4px 0 rgba(255, 255, 255, .06);--shadow-glow: 0 0 20px rgba(197, 97, 246, .3);--shadow-card-hover: var(--shadow-lg)}:root{--font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-body: "Public Sans", var(--font-system);--font-brand: Rubik, var(--font-system);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.625rem;--text-2xl: 2.125rem;--text-3xl: 2.625rem;--text-4xl: 3.5rem;--text-5xl: 4.5rem;--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--text-hero-title-mobile: var(--text-4xl);--text-hero-title-tablet: var(--text-5xl);--text-hero-title-desktop: 5.5rem;--text-hero-title-large: 6.5rem;--text-hero-title-xlarge: 7.5rem;--text-hero-tagline-mobile: var(--text-lg);--text-hero-tagline-tablet: var(--text-xl);--text-hero-tagline-desktop: var(--text-2xl);--text-hero-tagline-large: 2.5rem;--text-hero-tagline-xlarge: 3rem;--leading-hero-title: .95;--leading-hero-tagline: 1.4;--tracking-hero-title: -.03em;--tracking-hero-tagline: -.01em;--hero-title-max-width: 20ch;--hero-tagline-max-width: 65ch;--hero-title-min-height-mobile: calc( var(--text-hero-title-mobile) * var(--leading-hero-title) * 2 );--hero-title-min-height-tablet: calc( var(--text-hero-title-tablet) * var(--leading-hero-title) * 2 );--hero-title-min-height-desktop: calc( var(--text-hero-title-desktop) * var(--leading-hero-title) * 2 );--hero-title-min-height-large: calc(var(--text-hero-title-large) * var(--leading-hero-title) * 2);--hero-title-min-height-xlarge: calc( var(--text-hero-title-xlarge) * var(--leading-hero-title) * 2 );--hero-title-line-clamp: 2;--hero-title-display-lines: -webkit-box;--hero-title-box-orient: vertical}:root{--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--transition-slower: .5s ease-in-out;--theme-transition: var(--transition-base);--ease-linear: linear;--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);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-instant: 0ms;--duration-fast: .15s;--duration-base: .2s;--duration-moderate: .3s;--duration-slow: .5s;--duration-slower: .7s;--duration-slowest: 1s;--z-bg-base: -100;--z-bg-ambient: -90;--z-bg-mesh: -80;--z-bg-geometric: -70;--z-bg-particles: -60;--z-base: 0;--z-content: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 100;--z-modal: 200;--z-popover: 300;--z-tooltip: 400;--z-notification: 500;--z-nav: 1000;--z-nav-backdrop: 999;--z-nav-menu-header: 1001;--z-nav-menu-content: 1002;--z-nav-dropdown: 1003;--z-editor-nav: 1100;--z-editor-sidebar: 1099;--z-editor-toolbar: 1101;--z-editor-dropdown: 1102;--z-skip-link: 9999;--z-back-to-top: 10000;--nav-height: 56px;--toolbar-height: 40px;--tabs-height: 48px;--file-info-height: 60px;--avatar-size-sm: 24px;--avatar-size-md: 32px;--avatar-size-lg: 48px;--avatar-size-xl: 64px}@keyframes _fadeIn_u3atg_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_u3atg_1{0%{opacity:1}to{opacity:0}}@keyframes _slideInUp_u3atg_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideInDown_u3atg_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _bounce_u3atg_1{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes _bounceScroll_u3atg_1{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes _orbFloat_u3atg_1{0%,to{transform:translate(-50%) translateY(0) scale(1)}33%{transform:translate(-45%) translateY(20px) scale(1.05)}66%{transform:translate(-55%) translateY(-20px) scale(.95)}}@keyframes _float_u3atg_1{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes _pulse_u3atg_1{0%,to{opacity:1}50%{opacity:.5}}@keyframes _spin_u3atg_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--card-bg-base: var(--gradient-subtle);--card-bg-secondary: oklch(98% .01 250 / .95);--card-bg-accented: oklch(95% .02 var(--hue-primary) / .3);--card-border-base: var(--color-gray-800);--card-border-hover: var(--color-accent-overlay);--card-border-active: var(--color-accent-regular);--card-shadow-base: var(--shadow-sm);--card-shadow-hover-subtle: var(--shadow-md);--card-shadow-hover-medium: var(--shadow-lg);--card-shadow-hover-strong: var(--shadow-xl);--card-shadow-glow: 0 8px 24px var(--color-accent-overlay), 0 4px 8px oklch(0% 0 0 / .1);--card-hover-lift-subtle: -2px;--card-hover-lift-medium: -4px;--card-hover-lift-strong: -6px;--card-transition-duration: .3s;--card-transition-timing: cubic-bezier(.4, 0, .2, 1);--card-transition-base: transform var(--card-transition-duration) var(--card-transition-timing), box-shadow var(--card-transition-duration) var(--card-transition-timing), border-color var(--card-transition-duration) var(--card-transition-timing);--card-radius-sm: var(--radius-md);--card-radius-md: var(--radius-lg);--card-radius-lg: var(--radius-xl);--card-padding-sm: var(--space-4);--card-padding-md: var(--space-6);--card-padding-lg: var(--space-8);--card-accent-bar-height: 2px;--card-accent-bar-bg: var(--gradient-accent)}:root._theme-dark_u3atg_1{--card-bg-base: oklch(18% .015 var(--hue-neutral));--card-bg-secondary: oklch(22% .02 250 / .95);--card-bg-accented: oklch(25% .03 var(--hue-primary) / .4);--card-border-base: oklch(35% .02 var(--hue-neutral));--card-border-hover: var( --color-accent-regular );--card-border-active: var(--color-accent-light);--card-shadow-base: 0 2px 4px oklch(0% 0 0 / .2), 0 1px 2px oklch(0% 0 0 / .1);--card-shadow-hover-subtle: 0 4px 8px oklch(0% 0 0 / .3), 0 2px 4px oklch(0% 0 0 / .2);--card-shadow-hover-medium: 0 8px 16px oklch(0% 0 0 / .4), 0 4px 8px oklch(0% 0 0 / .3);--card-shadow-hover-strong: 0 12px 24px oklch(0% 0 0 / .5), 0 6px 12px oklch(0% 0 0 / .4);--card-shadow-glow: 0 8px 24px var(--color-accent-overlay), 0 4px 8px oklch(0% 0 0 / .3)}@media(min-width:768px){:root{--card-padding-sm: var(--space-6);--card-padding-md: var(--space-8);--card-padding-lg: var(--space-10)}}@media(prefers-reduced-motion:reduce){:root{--card-transition-duration: 0s;--card-hover-lift-subtle: 0;--card-hover-lift-medium: 0;--card-hover-lift-strong: 0}}@media(prefers-contrast:high){:root{--card-border-base: var(--color-gray-400);--card-border-hover: var(--color-accent-regular);--card-shadow-base: none;--card-shadow-hover-subtle: none;--card-shadow-hover-medium: none;--card-shadow-hover-strong: none}}@media print{:root{--card-shadow-base: none;--card-shadow-hover-subtle: none;--card-shadow-hover-medium: none;--card-shadow-hover-strong: none;--card-border-base: 1px solid black}}._learningPageSection_u3atg_13{position:relative;padding:var(--space-20) var(--space-6);background:var(--color-bg-secondary);min-height:60vh}._container_u3atg_21{position:relative;max-width:var(--container-3xl);margin:0 auto;padding:0;z-index:2;display:flex;flex-direction:column;gap:var(--space-10)}._intro_u3atg_33{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-align:center;max-width:var(--container-2xl);margin:0 auto}._card_u3atg_43{background:var(--card-bg-secondary);border:var(--border-width-thin) solid var(--card-border-base);border-radius:var(--card-radius-lg);padding:var(--card-padding-lg);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--card-shadow-base);transition:var(--card-transition-base)}._card_u3atg_43:hover{box-shadow:var(--card-shadow-hover-medium);transform:translateY(var(--card-hover-lift-medium));border-color:var(--card-border-hover)}._cardTitle_u3atg_61{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}._cardDesc_u3atg_69{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}._cta_u3atg_77{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-accent, var(--color-link));text-decoration:none;padding:var(--space-3) var(--space-6);border:var(--border-width-thin) solid var(--color-accent, var(--color-link));border-radius:var(--radius-md);transition:background var(--card-transition-duration) var(--card-transition-timing),color var(--card-transition-duration) var(--card-transition-timing);width:fit-content}._cta_u3atg_77:hover{background:var(--color-accent, var(--color-link));color:var(--color-text-over-accent)}._externalIcon_u3atg_100{width:1em;height:1em}._crossLink_u3atg_106{text-align:center;padding-top:var(--space-6);border-top:var(--border-width-thin) solid var(--color-border-default)}._crossLinkText_u3atg_112{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}._crossLinkAnchor_u3atg_118{color:var(--color-accent, var(--color-link));text-decoration:underline;font-weight:var(--font-semibold);transition:color var(--card-transition-duration) var(--card-transition-timing)}._crossLinkAnchor_u3atg_118:hover{color:var(--color-link-hover);text-decoration:none}