:root{--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--background-color-website: var(--gray-950);--background-color-primary: var(--gray-900);--background-color-secondary: var(--gray-800);--background-color-tertiary: var(--gray-700);--background-color-hover: var(--gray-600);--background-color-focus: var(--gray-500);--background-color-disable: var(--gray-800);--background-color-header: var(--gray-900);--text-color: var(--gray-50);--text-color-secondary: var(--gray-400);--text-color-tertiary: var(--gray-500);--text-color-placeholder: var(--gray-600);--text-color-header: var(--gray-50);--border-color: var(--gray-600);--border-color-lighter: var(--gray-500);--border-color-header: var(--gray-600);--accent-color: var(--indigo-500);--accent-color-hover: var(--indigo-600);--accent-color-secondary: var(--indigo-400);--accent-color-muted: var(--indigo-700);--color-messages-info: var(--blue-500);--color-messages-success: var(--green-500);--color-messages-error: var(--red-500);--color-messages-warning: var(--amber-500);--color-dark: var(--gray-950);--color-hover-secondary: var(--gray-800);--color-footer: var(--gray-950);--color-brighter: #ffffff;--background-transparency-standard: rgba(0, 0, 0, .6);--background-transparency-light: rgba(0, 0, 0, .3);--background-transparency-dark: rgba(0, 0, 0, .8);--background-transparency: var(--background-transparency-dark);--header-transparency: rgba(26, 26, 26, .95);--light-background-color-website: var(--gray-50);--light-background-color-primary: var(--gray-100);--light-background-color-secondary: var(--gray-200);--light-background-color-tertiary: var(--gray-300);--light-background-color-hover: var(--gray-400);--light-text-color: var(--gray-900);--light-text-color-secondary: var(--gray-700);--light-text-color-tertiary: var(--gray-600);--light-border-color: var(--gray-300)}:root{--font-family-base: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-heading: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Roboto Mono", "SF Mono", "Fira Mono", "Courier New", Courier, monospace;--font-family-serif: "Georgia", "Times New Roman", serif;--font-family-display: "Poppins", "Roboto", system-ui, sans-serif;--font-family-code: "Fira Code", "Roboto Mono", "SF Mono", monospace;--font-size-base: 16px;--type-scale-ratio: 1.25;--font-size-xs: calc(var(--font-size-sm) / var(--type-scale-ratio));--font-size-sm: calc(var(--font-size-md) / var(--type-scale-ratio));--font-size-md: 1rem;--font-size-lg: calc(var(--font-size-md) * var(--type-scale-ratio));--font-size-xl: calc(var(--font-size-lg) * var(--type-scale-ratio));--font-size-2xl: calc(var(--font-size-xl) * var(--type-scale-ratio));--font-size-3xl: calc(var(--font-size-2xl) * var(--type-scale-ratio));--font-size-4xl: calc(var(--font-size-3xl) * var(--type-scale-ratio));--font-size-5xl: calc(var(--font-size-4xl) * var(--type-scale-ratio));--font-size-6xl: calc(var(--font-size-5xl) * var(--type-scale-ratio));--fluid-type-min-size: 16;--fluid-type-max-size: 18;--fluid-type-min-screen: 320;--fluid-type-max-screen: 1200;--fluid-type-base: clamp( calc(var(--fluid-type-min-size) / 16 * 1rem), calc(var(--fluid-type-min-size) / 16 * 1rem + (var(--fluid-type-max-size) - var(--fluid-type-min-size)) * (100vw - (var(--fluid-type-min-screen) / 16 * 1rem)) / ((var(--fluid-type-max-screen) - var(--fluid-type-min-screen)) / 16 * 1rem)), calc(var(--fluid-type-max-size) / 16 * 1rem) );--font-weight-thin: 100;--font-weight-extra-light: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--text-decoration-none: none;--text-decoration-underline: underline;--text-decoration-line-through: line-through;--text-transform-none: none;--text-transform-capitalize: capitalize;--text-transform-uppercase: uppercase;--text-transform-lowercase: lowercase;--header-font-family: var(--font-family-heading);--header-font-size: var(--font-size-lg);--header-font-weight: var(--font-weight-medium);--header-line-height: var(--line-height-tight);--header-letter-spacing: var(--letter-spacing-normal);--nav-font-family: var(--font-family-base);--nav-font-size: var(--font-size-md);--nav-font-weight: var(--font-weight-medium);--nav-line-height: var(--line-height-tight);--nav-letter-spacing: var(--letter-spacing-normal);--h1-font-size: var(--font-size-4xl);--h1-font-weight: var(--font-weight-bold);--h1-line-height: var(--line-height-tight);--h1-letter-spacing: var(--letter-spacing-tight);--h2-font-size: var(--font-size-3xl);--h2-font-weight: var(--font-weight-bold);--h2-line-height: var(--line-height-tight);--h2-letter-spacing: var(--letter-spacing-tight);--h3-font-size: var(--font-size-2xl);--h3-font-weight: var(--font-weight-semibold);--h3-line-height: var(--line-height-tight);--h3-letter-spacing: var(--letter-spacing-normal);--h4-font-size: var(--font-size-xl);--h4-font-weight: var(--font-weight-semibold);--h4-line-height: var(--line-height-snug);--h4-letter-spacing: var(--letter-spacing-normal);--h5-font-size: var(--font-size-lg);--h5-font-weight: var(--font-weight-medium);--h5-line-height: var(--line-height-snug);--h5-letter-spacing: var(--letter-spacing-normal);--h6-font-size: var(--font-size-md);--h6-font-weight: var(--font-weight-medium);--h6-line-height: var(--line-height-normal);--h6-letter-spacing: var(--letter-spacing-normal)}:root{--space-unit: .25rem;--space-xxs: var(--space-unit);--space-xs: calc(var(--space-unit) * 2);--space-sm: calc(var(--space-unit) * 3);--space-md: calc(var(--space-unit) * 4);--space-lg: calc(var(--space-unit) * 6);--space-xl: calc(var(--space-unit) * 8);--space-2xl: calc(var(--space-unit) * 12);--space-3xl: calc(var(--space-unit) * 16);--space-4xl: calc(var(--space-unit) * 20);--space-5xl: calc(var(--space-unit) * 24);--fluid-space-sm: clamp(var(--space-xs), 2vw, var(--space-sm));--fluid-space-md: clamp(var(--space-sm), 3vw, var(--space-md));--fluid-space-lg: clamp(var(--space-md), 5vw, var(--space-lg));--fluid-space-xl: clamp(var(--space-lg), 7vw, var(--space-xl));--fluid-space-2xl: clamp(var(--space-xl), 10vw, var(--space-2xl));--padding-xxs: var(--space-xxs);--padding-xs: var(--space-xs);--padding-sm: var(--space-sm);--padding-md: var(--space-md);--padding-lg: var(--space-lg);--padding-xl: var(--space-xl);--padding-2xl: var(--space-2xl);--padding-3xl: var(--space-3xl);--padding-4xl: var(--space-4xl);--margin-xxs: var(--space-xxs);--margin-xs: var(--space-xs);--margin-sm: var(--space-sm);--margin-md: var(--space-md);--margin-lg: var(--space-lg);--margin-xl: var(--space-xl);--margin-2xl: var(--space-2xl);--margin-3xl: var(--space-3xl);--margin-4xl: var(--space-4xl);--gap-xxs: var(--space-xxs);--gap-xs: var(--space-xs);--gap-sm: var(--space-sm);--gap-md: var(--space-md);--gap-lg: var(--space-lg);--gap-xl: var(--space-xl);--gap-2xl: var(--space-2xl);--gap-3xl: var(--space-3xl);--inset-xxs: var(--space-xxs);--inset-xs: var(--space-xs);--inset-sm: var(--space-sm);--inset-md: var(--space-md);--inset-lg: var(--space-lg);--inset-xl: var(--space-xl);--squish-xs: var(--space-xxs) var(--space-xs);--squish-sm: var(--space-xs) var(--space-sm);--squish-md: var(--space-sm) var(--space-md);--squish-lg: var(--space-md) var(--space-lg);--stretch-xs: var(--space-xs) var(--space-xxs);--stretch-sm: var(--space-sm) var(--space-xs);--stretch-md: var(--space-md) var(--space-sm);--stretch-lg: var(--space-lg) var(--space-md);--container-padding-x: var(--space-md);--container-padding-y: var(--space-lg);--container-padding: var(--container-padding-y) var(--container-padding-x);--container-max-width-sm: 640px;--container-max-width-md: 768px;--container-max-width-lg: 1024px;--container-max-width-xl: 1280px;--container-max-width-2xl: 1536px;--section-spacing-sm: var(--space-2xl);--section-spacing-md: var(--space-3xl);--section-spacing-lg: var(--space-4xl);--section-spacing: var(--section-spacing-md);--header-padding-vertical: var(--space-sm);--header-padding-horizontal: var(--space-lg);--header-height: 4rem;--header-item-gap: var(--space-md);--header-nav-item-gap: var(--space-lg);--content-spacing-xs: var(--space-xs);--content-spacing-sm: var(--space-sm);--content-spacing-md: var(--space-md);--content-spacing-lg: var(--space-lg);--content-spacing-xl: var(--space-xl);--content-spacing: var(--content-spacing-md);--grid-gap-sm: var(--space-sm);--grid-gap-md: var(--space-md);--grid-gap-lg: var(--space-lg);--grid-gap: var(--grid-gap-md);--z-index-negative: -1;--z-index-base: 1;--z-index-low: 10;--z-index-medium: 100;--z-index-header: 100;--z-index-nav: 110;--z-index-dropdown: 120;--z-index-modal: 500;--z-index-chatbot: 999;--z-index-tooltip: 1000;--z-index-high: 1000;--z-index-highest: 10000}:root{--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--border-radius-small: var(--radius-sm);--border-radius-medium: var(--radius-md);--border-radius-large: var(--radius-lg);--border-radius: var(--radius-sm);--border-width-none: 0;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--border-style-solid: solid;--border-style-dashed: dashed;--border-style-dotted: dotted;--border-style-double: double;--border-style-groove: groove;--border-style-ridge: ridge;--border-style-outset: outset;--border-style-inset: inset;--border-standard: var(--border-width-thin) var(--border-style-solid) var(--border-color);--border-hover: var(--border-width-thin) var(--border-style-solid) var(--border-color-lighter);--border-focus: var(--border-width-thin) var(--border-style-solid) var(--accent-color);--border-dashed: var(--border-width-medium) var(--border-style-dashed) var(--border-color-lighter);--border-dotted: var(--border-width-thin) var(--border-style-dotted) var(--border-color-lighter);--outline-width-thin: 1px;--outline-width-medium: 2px;--outline-width-thick: 4px;--outline-focus: var(--outline-width-medium) solid var(--accent-color);--outline-standard: var(--outline-width-thin) solid var(--border-color);--outline-error: var(--outline-width-medium) solid var(--color-messages-error);--outline-success: var(--outline-width-medium) solid var(--color-messages-success);--border-interactive: var(--border-width-thin) var(--border-style-solid) var(--accent-color);--border-subtle: var(--border-width-thin) var(--border-style-solid) var(--border-color-lighter);--border-input: var(--border-width-thin) var(--border-style-solid) var(--border-color);--border-input-focus: var(--border-width-thin) var(--border-style-solid) var(--accent-color);--border-input-error: var(--border-width-thin) var(--border-style-solid) var(--color-messages-error);--radius-button: var(--radius-md);--radius-card: var(--radius-md);--radius-input: var(--radius-sm);--radius-image: var(--radius-md);--radius-badge: var(--radius-full);--radius-tooltip: var(--radius-sm)}:root{--transition-duration-fast: .15s;--transition-duration-normal: .2s;--transition-duration-slow: .3s;--transition-duration-slower: .5s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-out-back: cubic-bezier(.175, .885, .32, 1.275);--ease-linear: linear;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-colors: background-color var(--transition-duration-normal) var(--ease-in-out), color var(--transition-duration-normal) var(--ease-in-out), border-color var(--transition-duration-normal) var(--ease-in-out), fill var(--transition-duration-normal) var(--ease-in-out), stroke var(--transition-duration-normal) var(--ease-in-out), opacity var(--transition-duration-normal) var(--ease-in-out);--transition-opacity: opacity var(--transition-duration-normal) var(--ease-in-out);--transition-transform: transform var(--transition-duration-normal) var(--ease-in-out);--transition-shadow: box-shadow var(--transition-duration-normal) var(--ease-in-out);--transition-all: all var(--transition-duration-normal) var(--ease-in-out);--transition-standard: var(--transition-duration-normal) var(--ease-in-out);--transition-bounce: transform var(--transition-duration-normal) var(--ease-bounce);--animation-duration-fast: .5s;--animation-duration-normal: 1s;--animation-duration-slow: 2s;--spin-animation: var(--animation-duration-normal) linear infinite;--pulse-animation: pulse var(--animation-duration-slow) cubic-bezier(.4, 0, .6, 1) infinite;--bounce-animation: bounce var(--animation-duration-normal) infinite;--fade-in-animation: fadeIn var(--animation-duration-fast) var(--ease-in-out);--fade-out-animation: fadeOut var(--animation-duration-fast) var(--ease-in-out);--slide-in-animation: slideIn var(--animation-duration-normal) var(--ease-out);--slide-out-animation: slideOut var(--animation-duration-normal) var(--ease-in);--shadow-color: 220 3% 15%;--shadow-strength: 1%;--shadow-xs: 0 1px 2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));--shadow-sm: 0 1px 2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), 0 1px 3px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 8%));--shadow-md: 0 2px 4px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 8%)), 0 4px 6px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));--shadow-lg: 0 4px 6px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%)), 0 10px 15px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));--shadow-xl: 0 10px 15px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 20px 25px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));--shadow-2xl: 0 20px 25px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 40px 60px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%));--box-shadow-hover: var(--shadow-md);--box-shadow-focus: var(--shadow-sm);--box-shadow-active: var(--shadow-sm);--box-shadow-light: var(--shadow-sm);--box-shadow-dark: var(--shadow-lg);--box-shadow: var(--shadow-sm);--inner-shadow-sm: inset 0 2px 4px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));--inner-shadow-md: inset 0 4px 6px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));--inner-shadow-lg: inset 0 8px 10px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%));--focus-ring-width: 3px;--focus-ring-color: var(--accent-color);--focus-ring-offset: 2px;--focus-outline: var(--focus-ring-width) solid var(--focus-ring-color);--hover-scale: 1.05;--hover-scale-lg: 1.1;--hover-scale-sm: 1.025;--active-scale: .95;--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(16px);--brightness-dim: brightness(.8);--brightness-normal: brightness(1);--brightness-bright: brightness(1.2);--backdrop-blur-sm: blur(4px);--backdrop-blur-md: blur(8px);--backdrop-blur-lg: blur(16px);--glass-effect: var(--backdrop-blur-md);--gradient-fade-to-bottom: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6));--gradient-fade-to-top: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.6));--gradient-accent: linear-gradient(135deg, var(--accent-color), var(--accent-color-secondary))}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}:root{--breakpoint-xs: 320px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1400px;--container-max-width-xs: 100%;--container-max-width-sm: 540px;--container-max-width-md: 720px;--container-max-width-lg: 960px;--spacing-multiplier-xs: .75;--spacing-multiplier-sm: .85;--spacing-multiplier-md: 1;--spacing-multiplier-lg: 1.1;--spacing-multiplier-xl: 1.2;--font-size-multiplier-xs: .85;--font-size-multiplier-sm: .9;--font-size-multiplier-md: 1;--font-size-multiplier-lg: 1.05;--font-size-multiplier-xl: 1.1;--columns-xs: 1;--columns-sm: 2;--columns-md: 3;--columns-lg: 4;--columns-xl: 6;--header-height-xs: 3rem;--header-height-sm: 3.5rem;--header-height-md: 4rem;--header-height-lg: 4.5rem;--header-height-xl: 5rem}@custom-media --viewport-xs (min-width: var(--breakpoint-xs));@custom-media --viewport-sm (min-width: var(--breakpoint-sm));@custom-media --viewport-md (min-width: var(--breakpoint-md));@custom-media --viewport-lg (min-width: var(--breakpoint-lg));@custom-media --viewport-xl (min-width: var(--breakpoint-xl));@custom-media --viewport-2xl (min-width: var(--breakpoint-2xl));@custom-media --viewport-max-xs (max-width: calc(var(--breakpoint-sm) - 1px));@custom-media --viewport-max-sm (max-width: calc(var(--breakpoint-md) - 1px));@custom-media --viewport-max-md (max-width: calc(var(--breakpoint-lg) - 1px));@custom-media --viewport-max-lg (max-width: calc(var(--breakpoint-xl) - 1px));@custom-media --viewport-max-xl (max-width: calc(var(--breakpoint-2xl) - 1px));@custom-media --mobile-only (max-width: calc(var(--breakpoint-md) - 1px));@custom-media --tablet-only (min-width: var(--breakpoint-md)) and (max-width: calc(var(--breakpoint-lg) - 1px));@custom-media --desktop-only (min-width: var(--breakpoint-lg));@custom-media --touch-device (max-width: calc(var(--breakpoint-lg) - 1px));@custom-media --reduced-motion (prefers-reduced-motion: reduce);@custom-media --dark-mode (prefers-color-scheme: dark);@custom-media --light-mode (prefers-color-scheme: light);@custom-media --high-contrast (prefers-contrast: high);@custom-media --portrait (orientation: portrait);@custom-media --landscape (orientation: landscape);@media (--viewport-max-xs){.hide-xs{display:none!important}}@media (--viewport-max-sm){.hide-sm{display:none!important}}@media (--viewport-max-md){.hide-md{display:none!important}}@media (--viewport-max-lg){.hide-lg{display:none!important}}@media (--viewport-max-xl){.hide-xl{display:none!important}}@media not all and (--viewport-max-xs){.show-xs-only{display:none!important}}@media not all and (--viewport-sm) and (--viewport-max-sm){.show-sm-only{display:none!important}}@media not all and (--viewport-md) and (--viewport-max-md){.show-md-only{display:none!important}}@media not all and (--viewport-lg) and (--viewport-max-lg){.show-lg-only{display:none!important}}@media not all and (--viewport-xl) and (--viewport-max-xl){.show-xl-only{display:none!important}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.grid-cols-1{grid-template-columns:repeat(1,1fr)!important}.grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.grid-cols-3{grid-template-columns:repeat(3,1fr)!important}.grid-cols-4{grid-template-columns:repeat(4,1fr)!important}.grid-cols-5{grid-template-columns:repeat(5,1fr)!important}.grid-cols-6{grid-template-columns:repeat(6,1fr)!important}.m-0{margin:0!important}.m-xxs{margin:var(--space-xxs)!important}.m-xs{margin:var(--space-xs)!important}.m-sm{margin:var(--space-sm)!important}.m-md{margin:var(--space-md)!important}.m-lg{margin:var(--space-lg)!important}.m-xl{margin:var(--space-xl)!important}.mt-0{margin-top:0!important}.mt-xxs{margin-top:var(--space-xxs)!important}.mt-xs{margin-top:var(--space-xs)!important}.mt-sm{margin-top:var(--space-sm)!important}.mt-md{margin-top:var(--space-md)!important}.mt-lg{margin-top:var(--space-lg)!important}.mt-xl{margin-top:var(--space-xl)!important}.mr-0{margin-right:0!important}.mr-xxs{margin-right:var(--space-xxs)!important}.mr-xs{margin-right:var(--space-xs)!important}.mr-sm{margin-right:var(--space-sm)!important}.mr-md{margin-right:var(--space-md)!important}.mr-lg{margin-right:var(--space-lg)!important}.mr-xl{margin-right:var(--space-xl)!important}.mb-0{margin-bottom:0!important}.mb-xxs{margin-bottom:var(--space-xxs)!important}.mb-xs{margin-bottom:var(--space-xs)!important}.mb-sm{margin-bottom:var(--space-sm)!important}.mb-md{margin-bottom:var(--space-md)!important}.mb-lg{margin-bottom:var(--space-lg)!important}.mb-xl{margin-bottom:var(--space-xl)!important}.ml-0{margin-left:0!important}.ml-xxs{margin-left:var(--space-xxs)!important}.ml-xs{margin-left:var(--space-xs)!important}.ml-sm{margin-left:var(--space-sm)!important}.ml-md{margin-left:var(--space-md)!important}.ml-lg{margin-left:var(--space-lg)!important}.ml-xl{margin-left:var(--space-xl)!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-xxs{margin-left:var(--space-xxs)!important;margin-right:var(--space-xxs)!important}.mx-xs{margin-left:var(--space-xs)!important;margin-right:var(--space-xs)!important}.mx-sm{margin-left:var(--space-sm)!important;margin-right:var(--space-sm)!important}.mx-md{margin-left:var(--space-md)!important;margin-right:var(--space-md)!important}.mx-lg{margin-left:var(--space-lg)!important;margin-right:var(--space-lg)!important}.mx-xl{margin-left:var(--space-xl)!important;margin-right:var(--space-xl)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-xxs{margin-top:var(--space-xxs)!important;margin-bottom:var(--space-xxs)!important}.my-xs{margin-top:var(--space-xs)!important;margin-bottom:var(--space-xs)!important}.my-sm{margin-top:var(--space-sm)!important;margin-bottom:var(--space-sm)!important}.my-md{margin-top:var(--space-md)!important;margin-bottom:var(--space-md)!important}.my-lg{margin-top:var(--space-lg)!important;margin-bottom:var(--space-lg)!important}.my-xl{margin-top:var(--space-xl)!important;margin-bottom:var(--space-xl)!important}.p-0{padding:0!important}.p-xxs{padding:var(--space-xxs)!important}.p-xs{padding:var(--space-xs)!important}.p-sm{padding:var(--space-sm)!important}.p-md{padding:var(--space-md)!important}.p-lg{padding:var(--space-lg)!important}.p-xl{padding:var(--space-xl)!important}.pt-0{padding-top:0!important}.pt-xxs{padding-top:var(--space-xxs)!important}.pt-xs{padding-top:var(--space-xs)!important}.pt-sm{padding-top:var(--space-sm)!important}.pt-md{padding-top:var(--space-md)!important}.pt-lg{padding-top:var(--space-lg)!important}.pt-xl{padding-top:var(--space-xl)!important}.pr-0{padding-right:0!important}.pr-xxs{padding-right:var(--space-xxs)!important}.pr-xs{padding-right:var(--space-xs)!important}.pr-sm{padding-right:var(--space-sm)!important}.pr-md{padding-right:var(--space-md)!important}.pr-lg{padding-right:var(--space-lg)!important}.pr-xl{padding-right:var(--space-xl)!important}.pb-0{padding-bottom:0!important}.pb-xxs{padding-bottom:var(--space-xxs)!important}.pb-xs{padding-bottom:var(--space-xs)!important}.pb-sm{padding-bottom:var(--space-sm)!important}.pb-md{padding-bottom:var(--space-md)!important}.pb-lg{padding-bottom:var(--space-lg)!important}.pb-xl{padding-bottom:var(--space-xl)!important}.pl-0{padding-left:0!important}.pl-xxs{padding-left:var(--space-xxs)!important}.pl-xs{padding-left:var(--space-xs)!important}.pl-sm{padding-left:var(--space-sm)!important}.pl-md{padding-left:var(--space-md)!important}.pl-lg{padding-left:var(--space-lg)!important}.pl-xl{padding-left:var(--space-xl)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-xxs{padding-left:var(--space-xxs)!important;padding-right:var(--space-xxs)!important}.px-xs{padding-left:var(--space-xs)!important;padding-right:var(--space-xs)!important}.px-sm{padding-left:var(--space-sm)!important;padding-right:var(--space-sm)!important}.px-md{padding-left:var(--space-md)!important;padding-right:var(--space-md)!important}.px-lg{padding-left:var(--space-lg)!important;padding-right:var(--space-lg)!important}.px-xl{padding-left:var(--space-xl)!important;padding-right:var(--space-xl)!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-xxs{padding-top:var(--space-xxs)!important;padding-bottom:var(--space-xxs)!important}.py-xs{padding-top:var(--space-xs)!important;padding-bottom:var(--space-xs)!important}.py-sm{padding-top:var(--space-sm)!important;padding-bottom:var(--space-sm)!important}.py-md{padding-top:var(--space-md)!important;padding-bottom:var(--space-md)!important}.py-lg{padding-top:var(--space-lg)!important;padding-bottom:var(--space-lg)!important}.py-xl{padding-top:var(--space-xl)!important;padding-bottom:var(--space-xl)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.text-normal-case{text-transform:none!important}.font-thin{font-weight:var(--font-weight-thin)!important}.font-extra-light{font-weight:var(--font-weight-extra-light)!important}.font-light{font-weight:var(--font-weight-light)!important}.font-normal{font-weight:var(--font-weight-normal)!important}.font-medium{font-weight:var(--font-weight-medium)!important}.font-semibold{font-weight:var(--font-weight-semibold)!important}.font-bold{font-weight:var(--font-weight-bold)!important}.font-extra-bold{font-weight:var(--font-weight-extra-bold)!important}.font-black{font-weight:var(--font-weight-black)!important}.text-xs{font-size:var(--font-size-xs)!important}.text-sm{font-size:var(--font-size-sm)!important}.text-md{font-size:var(--font-size-md)!important}.text-lg{font-size:var(--font-size-lg)!important}.text-xl{font-size:var(--font-size-xl)!important}.text-2xl{font-size:var(--font-size-2xl)!important}.text-3xl{font-size:var(--font-size-3xl)!important}.text-4xl{font-size:var(--font-size-4xl)!important}.border{border:var(--border-standard)!important}.border-0{border:none!important}.border-top{border-top:var(--border-standard)!important}.border-right{border-right:var(--border-standard)!important}.border-bottom{border-bottom:var(--border-standard)!important}.border-left{border-left:var(--border-standard)!important}.rounded-none{border-radius:var(--radius-none)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.w-full{width:100%!important}.w-auto{width:auto!important}.w-screen{width:100vw!important}.w-half{width:50%!important}.w-third{width:33.333333%!important}.w-quarter{width:25%!important}.w-fifth{width:20%!important}.h-full{height:100%!important}.h-auto{height:auto!important}.h-screen{height:100vh!important}.h-half{height:50%!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.right-0{right:0!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.text-primary{color:var(--text-color)!important}.text-secondary{color:var(--text-color-secondary)!important}.text-tertiary{color:var(--text-color-tertiary)!important}.text-accent{color:var(--accent-color)!important}.text-accent-secondary{color:var(--accent-color-secondary)!important}.text-success{color:var(--color-messages-success)!important}.text-error{color:var(--color-messages-error)!important}.text-warning{color:var(--color-messages-warning)!important}.text-info{color:var(--color-messages-info)!important}.bg-website{background-color:var(--background-color-website)!important}.bg-primary{background-color:var(--background-color-primary)!important}.bg-secondary{background-color:var(--background-color-secondary)!important}.bg-tertiary{background-color:var(--background-color-tertiary)!important}.bg-accent{background-color:var(--accent-color)!important}.bg-success{background-color:var(--color-messages-success)!important}.bg-error{background-color:var(--color-messages-error)!important}.bg-warning{background-color:var(--color-messages-warning)!important}.bg-info{background-color:var(--color-messages-info)!important}.invisible{visibility:hidden!important}.visible{visibility:visible!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.z-negative{z-index:var(--z-index-negative)!important}.z-base{z-index:var(--z-index-base)!important}.z-low{z-index:var(--z-index-low)!important}.z-medium{z-index:var(--z-index-medium)!important}.z-high{z-index:var(--z-index-high)!important}.z-highest{z-index:var(--z-index-highest)!important}.shadow-none{box-shadow:none!important}.shadow-xs{box-shadow:var(--shadow-xs)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.shadow-2xl{box-shadow:var(--shadow-2xl)!important}.shadow-inner-sm{box-shadow:var(--inner-shadow-sm)!important}.shadow-inner-md{box-shadow:var(--inner-shadow-md)!important}.shadow-inner-lg{box-shadow:var(--inner-shadow-lg)!important}.transition{transition:var(--transition-all)!important}.transition-colors{transition:var(--transition-colors)!important}.transition-transform{transition:var(--transition-transform)!important}.transition-opacity{transition:var(--transition-opacity)!important}.transition-shadow{transition:var(--transition-shadow)!important}.hover-scale:hover{transform:scale(var(--hover-scale))!important}.hover-scale-lg:hover{transform:scale(var(--hover-scale-lg))!important}.hover-scale-sm:hover{transform:scale(var(--hover-scale-sm))!important}.active-scale:active{transform:scale(var(--active-scale))!important}.blur-sm{filter:var(--blur-sm)!important}.blur-md{filter:var(--blur-md)!important}.blur-lg{filter:var(--blur-lg)!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-wait{cursor:wait!important}.cursor-text{cursor:text!important}.cursor-move{cursor:move!important}.cursor-grab{cursor:grab!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.not-sr-only{position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important}.focus-ring:focus-visible{outline:var(--focus-outline)!important;outline-offset:var(--focus-ring-offset)!important}.focus-ring-within:focus-within{outline:var(--focus-outline)!important;outline-offset:var(--focus-ring-offset)!important}:root{--animation-bounce: cubic-bezier(.175, .885, .32, 1.275);--animation-rubber: cubic-bezier(.075, .82, .165, 1);--animation-swing: cubic-bezier(.25, .1, .25, 1);--animation-duration-xs: .1s;--animation-duration-sm: .2s;--animation-duration-slower: 1.5s;--animation-delay-xs: 50ms;--animation-delay-sm: .1s;--animation-delay-md: .2s;--animation-delay-lg: .3s;--animation-delay-xl: .5s;--animation-preset-fade-in: var(--animation-duration-normal) var(--ease-out) 0s 1 normal forwards running fadeIn;--animation-preset-fade-out: var(--animation-duration-normal) var(--ease-in) 0s 1 normal forwards running fadeOut;--animation-preset-slide-in-up: var(--animation-duration-normal) var(--ease-out-back) 0s 1 normal forwards running slideInUp;--animation-preset-slide-in-down: var(--animation-duration-normal) var(--ease-out-back) 0s 1 normal forwards running slideInDown;--animation-preset-slide-in-left: var(--animation-duration-normal) var(--ease-out-back) 0s 1 normal forwards running slideInLeft;--animation-preset-slide-in-right: var(--animation-duration-normal) var(--ease-out-back) 0s 1 normal forwards running slideInRight;--animation-preset-zoom-in: var(--animation-duration-normal) var(--ease-out-back) 0s 1 normal forwards running zoomIn;--animation-preset-zoom-out: var(--animation-duration-normal) var(--ease-in) 0s 1 normal forwards running zoomOut;--animation-preset-bounce: var(--animation-duration-slow) var(--animation-bounce) 0s infinite normal none running bounce;--animation-preset-pulse: var(--animation-duration-slow) var(--ease-in-out) 0s infinite normal none running pulse;--animation-preset-spin: var(--animation-duration-slow) linear 0s infinite normal none running spin;--animation-preset-shimmer: var(--animation-duration-slow) linear 0s infinite normal none running shimmer}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-20px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes pulse{0%{transform:scaleZ(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleZ(1)}}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes rubberBand{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}@keyframes spinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressBar{0%{width:0%}to{width:100%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blinkCaret{0%,to{border-color:transparent}50%{border-color:var(--accent-color)}}.animate-fade-in{animation:var(--animation-preset-fade-in)}.animate-fade-out{animation:var(--animation-preset-fade-out)}.animate-slide-in-up{animation:var(--animation-preset-slide-in-up)}.animate-slide-in-down{animation:var(--animation-preset-slide-in-down)}.animate-slide-in-left{animation:var(--animation-preset-slide-in-left)}.animate-slide-in-right{animation:var(--animation-preset-slide-in-right)}.animate-zoom-in{animation:var(--animation-preset-zoom-in)}.animate-zoom-out{animation:var(--animation-preset-zoom-out)}.animate-bounce{animation:var(--animation-preset-bounce)}.animate-pulse{animation:var(--animation-preset-pulse)}.animate-spin{animation:var(--animation-preset-spin)}.animate-shimmer{animation:var(--animation-preset-shimmer)}.animation-delay-xs{animation-delay:var(--animation-delay-xs)}.animation-delay-sm{animation-delay:var(--animation-delay-sm)}.animation-delay-md{animation-delay:var(--animation-delay-md)}.animation-delay-lg{animation-delay:var(--animation-delay-lg)}.animation-delay-xl{animation-delay:var(--animation-delay-xl)}.animation-duration-xs{animation-duration:var(--animation-duration-xs)}.animation-duration-sm{animation-duration:var(--animation-duration-sm)}.animation-duration-md{animation-duration:var(--animation-duration-normal)}.animation-duration-lg{animation-duration:var(--animation-duration-slow)}.animation-duration-xl{animation-duration:var(--animation-duration-slower)}.animation-iteration-infinite{animation-iteration-count:infinite}.animation-iteration-once{animation-iteration-count:1}.animation-iteration-twice{animation-iteration-count:2}.animation-iteration-thrice{animation-iteration-count:3}.animation-direction-normal{animation-direction:normal}.animation-direction-reverse{animation-direction:reverse}.animation-direction-alternate{animation-direction:alternate}.animation-direction-alternate-reverse{animation-direction:alternate-reverse}.animation-fill-none{animation-fill-mode:none}.animation-fill-forwards{animation-fill-mode:forwards}.animation-fill-backwards{animation-fill-mode:backwards}.animation-fill-both{animation-fill-mode:both}.animation-play-running{animation-play-state:running}.animation-play-paused{animation-play-state:paused}.animation-timing-linear{animation-timing-function:linear}.animation-timing-ease{animation-timing-function:ease}.animation-timing-ease-in{animation-timing-function:var(--animation-ease-in)}.animation-timing-ease-out{animation-timing-function:var(--animation-ease-out)}.animation-timing-ease-in-out{animation-timing-function:var(--animation-ease-in-out)}.animation-timing-bounce{animation-timing-function:var(--animation-bounce)}.animation-timing-rubber{animation-timing-function:var(--animation-rubber)}.animation-timing-swing{animation-timing-function:var(--animation-swing)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-fade-in,.animate-fade-out,.animate-slide-in-up,.animate-slide-in-down,.animate-slide-in-left,.animate-slide-in-right,.animate-zoom-in,.animate-zoom-out,.animate-bounce,.animate-pulse,.animate-spin,.animate-shimmer{animation:none!important}}:root{--input-left-label-color: var(--text-color);--input-text-color: var(--text-color);--input-placeholder-color: var(--text-color-placeholder);--input-background-color: var(--background-color-secondary);--input-background-color-focus: var(--background-color-focus);--input-background-color-hover: var(--background-color-hover);--input-border: var(--border-standard);--input-border-hover: var(--border-hover);--input-border-focus: var(--border-focus);--input-box-shadow-hover: var(--box-shadow-hover);--input-box-shadow-focus: var(--box-shadow-focus);--button-text-color: var(--text-color);--button-background-color: var(--background-color-secondary);--button-background-color-hover: var(--background-color-hover);--button-background-color-active: var(--background-color-tertiary);--button-padding-vertical: var(--padding-xs);--button-padding-horizontal: var(--padding-md);--button-font-size: var(--font-size-sm);--button-font-weight: 500;--button-border: var(--border-standard);--button-border-hover: var(--border-hover);--button-border-top-color: var(--accent-color);--button-animation: var(--spin-animation);--button-box-shadow-hover: var(--box-shadow-hover);--tag-text-color: var(--text-color);--tag-background-color: var(--background-color-secondary);--tag-background-color-hover: var(--background-color-hover);--tag-placeholder-color: var(--text-color-secondary);--tag-item-border-radius: var(--radius-lg);--tag-item-padding-vertical: var(--padding-xs);--tag-item-padding-horizontal: var(--padding-xs);--tag-item-gap: var(--gap-xs);--tag-item-font-size: var(--font-size-sm);--tag-border: var(--border-standard);--tag-box-shadow: var(--box-shadow);--table-border: var(--border-standard);--table-background-color: var(--background-color-primary);--table-text-color: var(--text-color);--table-padding: var(--padding-lg);--table-box-shadow: var(--box-shadow);--table-header-background-color: var(--background-color-secondary);--table-button-background-color: var(--button-background-color);--table-button-hover-background-color: var(--button-background-color-hover);--table-button-disabled-background-color: var(--background-color-disable);--table-select-background-color: var(--background-color-secondary);--table-border-color: var(--border-color-lighter);--table-border-radius: var(--radius-md);--slider-border: var(--border-standard);--slider-margin: var(--margin-lg);--slider-padding: var(--padding-xs);--slider-border-radius: var(--radius-md);--slider-box-shadow: var(--box-shadow);--slider-thumb-width: 1.25rem;--slider-thumb-height: 1.25rem;--slider-thumb-border-radius: 50%;--slider-thumb-background: var(--accent-color);--slider-thumb-box-shadow: var(--box-shadow);--slider-track-background: var(--text-color-placeholder);--slider-track-height: .625rem;--slider-track-border-radius: var(--radius-sm);--slider-track-hover-background: var(--background-color-hover);--slider-value-background: var(--background-color-website);--slider-value-color: var(--text-color);--slider-value-hover-background: var(--background-color-hover);--slider-value-box-shadow: var(--box-shadow);--status-color: var(--text-color);--status-bg-color: var(--background-color-primary);--status-border: var(--border-standard);--status-box-shadow: var(--box-shadow);--status-padding: var(--padding-md);--status-border-radius: var(--radius-md);--status-margin-bottom: var(--margin-xs);--count-info-margin-bottom: var(--margin-xs);--count-info-color: var(--text-color);--count-value-color: var(--text-color-secondary);--status-tag-padding-vertical: var(--padding-xs);--status-tag-padding-horizontal: var(--padding-xs);--status-tag-border-radius: var(--radius-lg);--status-tag-font-weight: bold;--status-tag-font-size: var(--font-size-sm);--status-tag-processing-color: var(--text-color-secondary);--status-icon-margin-right: var(--margin-xs);--status-text-margin-left: var(--margin-xs);--status-loader-border-width: 3px;--status-loader-size: var(--font-size-md);--tabs-container-color: var(--text-color);--tabs-container-bg: var(--background-color-website);--tabs-container-padding: var(--padding-md);--tabs-container-margin: var(--padding-md) auto;--tabs-container-shadow: var(--box-shadow);--tab-button-padding-vertical: var(--padding-xs);--tab-button-padding-horizontal: var(--padding-md);--tab-button-font-size: var(--font-size-md);--tab-button-color: var(--text-color-secondary);--tab-button-active-color: var(--text-color);--tab-button-active-border-color: var(--accent-color);--tab-content-bg: var(--background-color-secondary);--tab-content-padding: var(--padding-xs);--tab-content-radius: var(--radius-sm);--tab-content-border: var(--border-standard);--tab-margin-bottom: var(--padding-md);--modal-content-bg: var(--background-color-website);--modal-z-index: 3000;--modal-backdrop-color: rgba(18, 18, 18, .8);--modal-content-radius: var(--radius-lg);--modal-content-shadow: var(--box-shadow-dark), 0 2px 32px rgba(40, 44, 52, .45);--modal-content-padding: var(--padding-lg);--modal-body-padding: var(--padding-md) 0 0 0;--modal-max-width-offset: 2rem;--modal-max-height-offset: 4rem;--modal-close-button-size: 1.6rem;--modal-close-button-color: var(--text-color-secondary);--modal-close-button-hover-color: var(--accent-color-hover);--spinner-overlay-bg: var(--background-transparency);--spinner-z-index: 9999;--spinner-border-width: 5px;--spinner-border-color: var(--background-transparency-light);--spinner-border-top-color: var(--accent-color);--spinner-size: 50px;--spinner-animation: var(--spin-animation);--image-editor-overlay-bg: var(--background-transparency-standard);--image-editor-z-index: 1000;--image-editor-bg: var(--background-color-website);--image-editor-padding: var(--padding-lg);--image-editor-box-shadow: var(--box-shadow);--image-editor-border-radius: var(--radius-sm);--image-editor-border: var(--border-standard);--editor-canvas-border: var(--border-standard);--editor-canvas-bg: transparent;--editor-actions-margin-top: var(--padding-lg);--editor-actions-gap: var(--padding-xs);--message-banner-top-position: var(--padding-lg);--message-banner-padding-vertical: var(--padding-xs);--message-banner-padding-horizontal: var(--padding-lg);--message-banner-border-radius: var(--radius-sm);--message-banner-color: var(--color-brighter);--message-banner-font-size: var(--font-size-md);--message-banner-font-weight: 500;--message-banner-box-shadow: var(--box-shadow-light);--message-banner-z-index: 9999;--message-icon-margin-right: var(--padding-xs);--message-error-bg: var(--color-messages-error);--message-warning-bg: var(--color-messages-warning);--message-success-bg: var(--color-messages-success);--message-info-bg: var(--color-messages-info);--message-animation-duration: .5s;--drawer-bg: var(--background-color-website);--drawer-width: 33%;--drawer-min-width: 22.5rem;--drawer-height: 100%;--drawer-z-index: 1001;--drawer-transition: var(--transition-standard);--drawer-mask-bg: var(--background-transparency-standard);--drawer-mask-z-index: 1000;--drawer-mask-transition: visibility 0s linear var(--transition-standard), opacity var(--transition-standard);--drawer-content-padding: var(--padding-md);--drawer-close-button-color: var(--color-brighter);--drawer-close-button-font-size: var(--font-size-lg);--history-bg: var(--background-color-primary);--history-item-bg: var(--background-color-tertiary);--history-item-border: var(--border-standard);--history-title-font-size: var(--font-size-lg);--history-title-color: var(--text-color-secondary);--history-title-padding: var(--padding-lg);--history-title-bg: var(--background-color-tertiary);--history-title-border-bottom: var(--border-standard);--history-item-margin: 0 var(--padding-xs) 0 0;--history-item-padding: var(--padding-xs) var(--padding-md);--history-item-color: var(--text-color-secondary);--history-icon-size: var(--padding-lg);--history-icon-font-size: var(--font-size-sm);--history-icon-margin-right: var(--padding-xs);--history-content-overflow: hidden;--history-token-color: var(--text-color);--history-ref-font-size: var(--font-size-sm);--history-ref-color: var(--color-messages-info);--history-list-padding: var(--padding-lg);--history-list-radius: var(--radius-sm);--history-list-shadow: var(--box-shadow-dark);--history-item-border-radius: var(--radius-sm);--header-menu-gap: var(--padding-lg);--header-menu-item-padding-vertical: var(--padding-xs);--header-menu-item-padding-horizontal: var(--padding-md);--header-menu-item-color: var(--text-color);--header-menu-item-hover-bg: var(--background-color-hover);--header-menu-item-border-radius: var(--radius-sm);--header-menu-transition: var(--transition-colors);--float-button-bottom: 3rem;--float-button-right: 2rem;--float-button-size: 2.25rem;--circle-button-size: 3rem;--float-button-bg: var(--color-brighter);--float-button-color: var(--background-color-website);--float-button-border-radius: 50%;--float-button-font-size: 1.125rem;--float-button-z-index: 10;--float-button-transition: var(--transition-standard);--float-button-icon-left: .5625rem;--float-button-icon-top: .5625rem;--float-button-animation-duration: 1s;--image-card-z-index: 1;--image-card-color: var(--color-brighter);--overlay-padding: var(--padding-xs);--score-bg: var(--background-transparency-light);--score-bg-hover: var(--background-transparency-dark);--score-border-radius: 25%;--score-width: 2.875rem;--score-height: 1rem;--source-right: .625rem;--source-top: .625rem;--avatar-size: 2rem;--avatar-border-radius: 50%;--avatar-padding-hover: .3125rem;--avatar-bg-hover: var(--background-transparency-light);--image-max-height: 48rem;--image-border-width: 2px;--image-border-radius: 9px;--image-placeholder-opacity: .75;--image-view-size: 32rem;--image-view-blur: 8px;--image-view-filter-transition: filter .1s;--image-view-opacity-transition: opacity .3s;--image-view-modal-z-index: var(--image-editor-z-index);--image-view-controls-z-index: var(--drawer-z-index);--image-view-modal-content-max-width: 80%;--image-view-modal-content-max-height: 80%;--image-uploader-min-height: 12.5rem;--image-preview-max-height: 18.75rem;--container-description-offset: 5px;--container-description-max-width: 12.5rem;--container-description-max-width-small: 9.375rem;--container-small-screen-breakpoint: 30rem;--container-fade-animation-duration: .3s;--timer-background-opacity: .7;--about-container-width: 60%;--text-area-min-height: 9.375rem}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--background-color-tertiary)}*::-webkit-scrollbar-thumb{background-color:var(--background-color-hover);border-radius:var(--radius-sm);border:3px solid var(--background-color-tertiary)}*::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color-hover)}*{scrollbar-width:thin;scrollbar-color:var(--background-color-hover) var(--background-color-tertiary)}body{font-size:var(--font-size-base);color:var(--text-color);background-color:var(--background-color-website);margin:0;padding:0;font-family:var(--font-family-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[aria-hidden=true]{display:none}html{font-size:var(--fluid-type-base, var(--font-size-base));box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a{color:var(--accent-color);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--accent-color-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-color)}h1{font-size:var(--h1-font-size);letter-spacing:var(--h1-letter-spacing);margin-bottom:var(--space-lg)}h2{font-size:var(--h2-font-size);letter-spacing:var(--h2-letter-spacing);margin-bottom:var(--space-md)}h3{font-size:var(--h3-font-size);letter-spacing:var(--h3-letter-spacing);margin-bottom:var(--space-sm)}h4{font-size:var(--h4-font-size);letter-spacing:var(--h4-letter-spacing);margin-bottom:var(--space-sm)}h5{font-size:var(--h5-font-size);letter-spacing:var(--h5-letter-spacing);margin-bottom:var(--space-xs)}h6{font-size:var(--h6-font-size);letter-spacing:var(--h6-letter-spacing);margin-bottom:var(--space-xs)}p{margin-top:0;margin-bottom:var(--space-md)}code,pre{font-family:var(--font-family-mono);background-color:var(--background-color-tertiary);border-radius:var(--border-radius-small)}code{padding:var(--space-xxs) var(--space-xs);font-size:var(--font-size-sm)}pre{padding:var(--space-sm);overflow-x:auto;margin-bottom:var(--space-md)}pre code{padding:0;background-color:transparent}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;margin-bottom:var(--space-md)}th,td{padding:var(--space-sm);border-bottom:var(--border-width-thin) solid var(--border-color);text-align:left}th{font-weight:var(--font-weight-semibold);background-color:var(--background-color-secondary)}ul,ol{padding-left:var(--space-lg);margin-top:0;margin-bottom:var(--space-md)}input,textarea,select{font-family:var(--font-family-base);font-size:var(--font-size-md);color:var(--text-color);background-color:var(--background-color-secondary);border:var(--border-input);border-radius:var(--radius-input);padding:var(--space-xs) var(--space-sm);transition:var(--transition-colors)}input:focus,textarea:focus,select:focus{outline:none;border:var(--border-input-focus);box-shadow:var(--box-shadow-focus)}.container{width:100%;padding-right:var(--container-padding-x);padding-left:var(--container-padding-x);margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:var(--container-max-width-sm)}}@media (min-width: 768px){.container{max-width:var(--container-max-width-md)}}@media (min-width: 992px){.container{max-width:var(--container-max-width-lg)}}@media (min-width: 1200px){.container{max-width:var(--container-max-width-xl)}}@media (min-width: 1400px){.container{max-width:var(--container-max-width-2xl)}}.header{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);height:auto;display:flex;justify-content:space-between;align-items:center;z-index:var(--z-index-header);background:#0f172aa6;backdrop-filter:var(--backdrop-blur-lg);-webkit-backdrop-filter:var(--backdrop-blur-lg);border:1px solid var(--border-color);border-radius:var(--radius-2xl);transition:var(--transition-all);animation:headerSlideIn .6s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:var(--shadow-xl),0 0 8px rgba(var(--shadow-color),.2);overflow:hidden}.header__content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:0;height:100%}.header__logo{display:flex;align-items:center;z-index:var(--z-index-nav);position:relative}.header__logo-link{display:flex;align-items:center;text-decoration:none;color:var(--text-color);transition:var(--transition-all);position:relative;padding:.5rem 1rem;border-radius:var(--radius-2xl) 0 0 var(--radius-2xl);background:linear-gradient(135deg,#6366f126,#0f172a00);border:none;backdrop-filter:var(--backdrop-blur-sm);-webkit-backdrop-filter:var(--backdrop-blur-sm);overflow:hidden;margin-left:0;border-right:1px solid var(--border-color-lighter)}.header__logo-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.header__logo-link:hover:before{left:100%}.header__logo-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-color-muted)}.header__logo-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px;position:relative;z-index:2}.header__logo-main{display:flex;align-items:baseline;font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:var(--letter-spacing-tight)}.header__logo-accent{font-weight:var(--font-weight-bold);font-size:1.5rem;letter-spacing:-.02em;background:linear-gradient(to right,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-family:var(--font-family-heading);line-height:1}.header__logo-name{font-weight:var(--font-weight-bold);font-size:1.5rem;letter-spacing:-.02em;background:linear-gradient(to right,#f8fafc,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-family:var(--font-family-heading);line-height:1}.header__logo-accent{background:linear-gradient(135deg,var(--accent-color) 0%,var(--indigo-600) 50%,var(--blue-500) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:var(--font-weight-extra-bold);position:relative;animation:gradientShift 3s ease-in-out infinite;background-size:200% 200%}.header__logo-subtitle{font-size:.65rem;color:var(--text-color-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-top:2px;opacity:.9;font-weight:var(--font-weight-medium);font-family:var(--font-family-base)}.header__actions{display:flex;align-items:center;gap:1rem;position:relative;height:100%}.header__github-link{align-items:center;color:var(--text-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;padding:.5rem 1rem;height:100%;border-radius:0 var(--radius-2xl) var(--radius-2xl) 0;background:linear-gradient(135deg,#0f172a00,#6366f126);border-left:1px solid var(--border-color-lighter);backdrop-filter:var(--backdrop-blur-sm);-webkit-backdrop-filter:var(--backdrop-blur-sm);position:relative;transition:var(--transition-all);overflow:hidden;margin-right:0}.header__github-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.header__github-link:hover{box-shadow:var(--shadow-md),0 0 10px #6366f14d;border-color:var(--accent-color-muted);background:linear-gradient(135deg,#6366f126,#8b5cf626)}.header__github-icon{display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 8px rgba(99,102,241,.5))}.header__github-icon svg{width:20px;height:20px;color:currentColor;vertical-align:middle;display:inline-block}.header__github-link:hover .header__github-icon{transform:rotate(15deg) scale(1.1)}.header__github-text{font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;position:relative;z-index:2}@keyframes headerSlideIn{0%{opacity:0;transform:translate(-50%,-20px);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;transform:translate(-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.header--scrolled{top:.75rem;background:var(--background-transparency-dark);backdrop-filter:var(--backdrop-blur-lg);-webkit-backdrop-filter:var(--backdrop-blur-lg);box-shadow:var(--shadow-2xl),0 0 10px #6366f14d;border-color:var(--border-color-lighter);transform:translate(-50%) scale(.98)}@media (max-width: 1024px){.header{width:calc(100% - 1.5rem);top:.75rem}.header__logo-main{font-size:var(--font-size-lg)}}@media (max-width: 768px){.header{width:calc(100% - 1rem);top:.5rem;border-radius:var(--radius-lg)}.header--scrolled{top:.35rem}.header__content{min-height:65px}.header__logo-main{font-size:var(--font-size-lg)}.header__logo-link{padding:var(--padding-xs) var(--padding-sm)}.header__github-text{display:none}.header__github-link{padding:var(--padding-sm);min-width:48px;justify-content:center;border-radius:var(--radius-full)}.header__actions{gap:var(--gap-xs)}}@media (max-width: 480px){.header{width:calc(100% - .75rem);top:.35rem;border-radius:var(--radius-md)}.header--scrolled{top:.25rem}.header__content{min-height:60px}.header__logo-main{font-size:var(--font-size-md)}.header__logo-subtitle{font-size:.65rem}.header__logo-link{padding:var(--padding-xs) var(--padding-sm)}.header__github-link{padding:var(--padding-xs);min-width:44px}.header__github-icon{font-size:var(--font-size-md)}}@media (prefers-reduced-motion: reduce){.header,.header__logo-accent{animation:none}.header__github-link:before{display:none}}.header__logo-link:focus-visible,.header__github-link:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-ring-offset)}@media (prefers-contrast: high){.header{border-bottom:2px solid var(--text-color)}.header__logo-accent{background:none;color:var(--accent-color)}.header__github-link{border:2px solid var(--accent-color)}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:var(--space-xl) var(--space-lg);overflow:hidden}.hero__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;max-width:var(--container-max-width-xl);width:100%;position:relative;z-index:2}.hero__text{display:flex;flex-direction:column;gap:var(--space-md)}.hero__greeting{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-color-secondary);animation:slideInFromLeft .8s var(--ease-out) .2s both}.hero__wave{display:inline-block;animation:wave 2s ease-in-out infinite;transform-origin:70% 70%}@keyframes wave{0%,20%,40%,60%,80%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(14deg)}}.hero__title{margin:0;line-height:1.1}.hero__title-main{display:block;font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);color:var(--text-color);margin-bottom:var(--space-xs);animation:slideInFromLeft .8s var(--ease-out) .4s both}.hero__title-accent{display:block;font-size:clamp(2.8rem,5.5vw,4.5rem);font-weight:var(--font-weight-extra-bold);background:linear-gradient(135deg,var(--accent-color) 0%,var(--indigo-400) 30%,var(--indigo-300) 70%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:slideInFromLeft .8s var(--ease-out) .6s both,gradientShift 3s ease-in-out infinite}.hero__role{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);animation:slideInFromLeft .8s var(--ease-out) .8s both;min-height:2.5rem}.hero__role-prefix{color:var(--text-color-secondary)}.hero__role-text{background:linear-gradient(135deg,var(--accent-color),var(--indigo-400));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:var(--font-weight-bold);transition:all .3s var(--ease-out)}.hero__role-text--animating{opacity:0;transform:translateY(10px)}.hero__description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-color-secondary);max-width:500px;animation:slideInFromLeft .8s var(--ease-out) 1s both}.hero__actions{display:flex;gap:var(--space-md);margin-top:var(--space-md);animation:slideInFromLeft .8s var(--ease-out) 1.2s both}.hero__cta{padding:var(--space-md) var(--space-xl);border-radius:var(--border-radius-large);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all .3s var(--ease-out);cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-xs)}.hero__cta--primary{background:linear-gradient(135deg,var(--accent-color),var(--indigo-600));color:#fff;border:none}.hero__cta--primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f14d}.hero__cta--secondary{background:#ffffff1a;color:var(--text-color);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero__cta--secondary:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.hero__cta-icon{transition:transform .3s var(--ease-out)}.hero__cta--primary:hover .hero__cta-icon{transform:translate(4px)}.hero__visual{display:flex;justify-content:center;align-items:center;animation:slideInFromRight .8s var(--ease-out) .4s both}.hero__ai-canvas{border-radius:var(--radius-lg)}.hero__game-switcher{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1)}.hero__game-switcher:hover{background:#000c;transform:translate(-50%) translateY(-2px);box-shadow:0 8px 25px #0000004d}.hero__game-pagination{display:flex;gap:var(--space-xs);align-items:center}.hero__game-dot{width:8px;height:8px;border-radius:50%;border:none;background-color:#fff6;cursor:pointer;transition:all .3s var(--ease-out);padding:0}.hero__game-dot:hover{background-color:#fff9;transform:scale(1.4)}.hero__game-dot--active{background-color:var(--accent-color);box-shadow:0 0 12px #6366f199;transform:scale(1.2)}.hero__game-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#ffffffe6;letter-spacing:.5px;white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hero__scroll-indicator{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);animation:slideInFromBottom .8s var(--ease-out) 1.4s both}.hero__scroll-arrow{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--text-color-secondary);cursor:pointer;transition:all .3s var(--ease-out)}.hero__scroll-arrow:hover{color:var(--accent-color);transform:translateY(-2px)}.hero__scroll-arrow span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.hero__scroll-icon{font-size:var(--font-size-lg);animation:bounce 2s ease-in-out infinite}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@keyframes statusPulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 768px){.hero{padding:var(--space-lg) var(--space-md);min-height:90vh}.hero__content{grid-template-columns:1fr;gap:var(--space-lg);text-align:center}.hero__text{order:2}.hero__visual{order:1}.hero__ai-label{top:var(--space-sm);right:var(--space-sm);font-size:var(--font-size-xs)}.hero__actions{flex-direction:column;align-items:center}.hero__cta{width:100%;max-width:250px;justify-content:center}}@media (max-width: 480px){.hero__title-main{font-size:2rem}.hero__title-accent{font-size:2.2rem}.hero__role{font-size:var(--font-size-lg);justify-content:center}.hero__description{font-size:var(--font-size-md)}.hero__game-dot{width:8px;height:8px}.hero__game-title{font-size:var(--font-size-xs);padding:2px 8px}.hero__game-switcher{bottom:var(--space-xs);gap:4px}.hero__ai-label{font-size:10px;padding:var(--space-xxs) var(--space-xs)}.hero__ai-label-text,.hero__ai-label-status{font-size:10px}}.navbar{position:relative;z-index:var(--z-index-nav);margin:0 auto;height:100%}.navbar__container{display:flex;align-items:center;justify-content:center;height:100%}.navbar__toggle{display:none;flex-direction:column;justify-content:space-between;width:32px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10;position:relative;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar__toggle:hover{background:#ffffff1a}.navbar__toggle-bar{width:100%;height:2.5px;background-color:var(--text-color);transition:var(--transition-all);transform-origin:left center;border-radius:2px}.navbar__toggle--active .navbar__toggle-bar:nth-child(1){transform:rotate(45deg);width:28px}.navbar__toggle--active .navbar__toggle-bar:nth-child(2){opacity:0;transform:translate(-15px)}.navbar__toggle--active .navbar__toggle-bar:nth-child(3){transform:rotate(-45deg);width:28px}.navbar__list{display:flex;list-style-type:none;gap:.75rem;margin:0;padding:.5rem;align-items:center}.navbar__item{position:relative}.navbar__link{display:flex;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-color-secondary);text-decoration:none;padding:.5rem 1rem;transition:var(--transition-all);position:relative;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid var(--border-color);backdrop-filter:var(--backdrop-blur-md);-webkit-backdrop-filter:var(--backdrop-blur-md);overflow:hidden}.navbar__link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-duration-slow) var(--ease-out)}.navbar__link:hover:before{left:100%}.navbar__link:hover{color:var(--text-color);text-decoration:none;background:#6366f126;border-color:var(--accent-color-muted);transform:translateY(-2px);box-shadow:var(--shadow-md)}.navbar__link--active{color:var(--text-color);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:var(--accent-color-muted);box-shadow:var(--shadow-md),0 0 6px #6366f14d;transform:translateY(-2px)}.navbar__link--active:before{display:none}.navbar__link:hover{text-shadow:0 0 12px var(--accent-color)}@media (max-width: 768px){.navbar{margin:0}.navbar__container{justify-content:flex-end}.navbar__toggle{display:flex}.navbar__list{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:var(--background-transparency-dark);flex-direction:column;padding:6rem 2rem 2rem;transition:right var(--transition-duration-slow) var(--ease-in-out);box-shadow:var(--shadow-2xl);gap:1.5rem;backdrop-filter:var(--backdrop-blur-lg);-webkit-backdrop-filter:var(--backdrop-blur-lg);border-left:1px solid var(--border-color);border-radius:0 0 0 var(--radius-lg)}.navbar__list--open{right:0;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1) forwards}.navbar__link{font-size:var(--font-size-base);width:100%;text-align:center;padding:1rem 1.5rem;border-radius:var(--radius-md);background:#ffffff14;border:1px solid var(--border-color-lighter)}.navbar__link:hover{background:#6366f140;border-color:#6366f180}.navbar__link--active{background:linear-gradient(135deg,#6366f166,#8b5cf666);border-color:#6366f1b3}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.navbar__link,.navbar__toggle-bar,.navbar__link:before{transition:none}.navbar__list{transition:right .2s ease}.navbar__list--open{animation:none}}.navbar__link:focus-visible{outline:2px solid rgba(99,102,241,.8);outline-offset:2px}.navbar__toggle:focus-visible{outline:2px solid rgba(99,102,241,.8);outline-offset:2px}@media (prefers-contrast: high){.navbar__link{border:2px solid currentColor}.navbar__link:hover,.navbar__link--active{background:currentColor;color:var(--background-color-primary)}}.about__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:start;margin-bottom:var(--space-4xl)}.about__text{display:flex;flex-direction:column;gap:var(--space-lg)}.about__paragraph-wrapper{animation:fadeInUp .8s var(--ease-out) calc(.4s + var(--animation-delay-lg, 0s)) both}.about__description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-color-secondary);margin:0;position:relative;padding-left:var(--space-md)}.about__description:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(135deg,var(--accent-color),var(--indigo-400));border-radius:2px}.about__highlights{display:flex;flex-direction:column;gap:var(--space-lg)}.about__highlight-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-medium);padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s var(--ease-out);animation:fadeInUp .8s var(--ease-out) calc(.6s + var(--animation-delay-lg, 0s)) both}.about__highlight-card:hover{transform:translateY(-5px);border-color:#6366f14d;box-shadow:0 10px 30px #0003}.about__highlight-icon{font-size:2rem;margin-bottom:var(--space-sm);display:block}.about__highlight-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-color);margin:0 0 var(--space-xs) 0}.about__highlight-card p{font-size:var(--font-size-md);color:var(--text-color-secondary);margin:0;line-height:var(--line-height-relaxed)}.about__skills-section{margin-bottom:var(--space-4xl)}.about__skills-header{text-align:center;margin-bottom:var(--space-3xl);animation:fadeInUp .8s var(--ease-out) .8s both}.about__skills-subtitle{font-size:var(--font-size-lg);color:var(--text-color-secondary);margin:var(--space-md) 0 0 0;max-width:600px;margin-left:auto;margin-right:auto}.about__skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.about__skill-group{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-medium);padding:var(--space-xl);transition:all .3s var(--ease-out);animation:fadeInUp .8s var(--ease-out) calc(1s + var(--animation-delay-lg, 0s)) both}.about__skill-group:hover{transform:translateY(-5px);border-color:#6366f14d;background:#6366f10d;box-shadow:0 10px 30px #6366f11a}.about__skill-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.about__skill-category{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-color);margin:0}.about__skill-count{background:var(--accent-color);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-large);min-width:24px;text-align:center}.about__skill-list{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xl)}.about__skill-item{background:#ffffff1a;color:var(--text-color-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-medium);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid rgba(255,255,255,.15);transition:all .3s var(--ease-out);animation:slideInFromBottom .5s var(--ease-out) calc(.2s * var(--index, 0)) both;display:inline-flex;align-items:center;box-shadow:0 2px 6px #0000001a}.about__skill-item:hover{background:#6366f133;border-color:#6366f166;color:var(--text-color);transform:translateY(-2px)}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);text-align:center;animation:fadeInUp .8s var(--ease-out) 1.2s both}.about__stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-medium);padding:var(--space-xl);transition:all .3s var(--ease-out)}.about__stat:hover{transform:translateY(-5px);border-color:#6366f14d;box-shadow:0 10px 30px #0003}.about__stat-number{font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-extra-bold);background:linear-gradient(135deg,var(--accent-color),var(--indigo-400));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:var(--space-xs);line-height:1}.about__stat-label{font-size:var(--font-size-md);color:var(--text-color-secondary);font-weight:var(--font-weight-medium)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about__content{grid-template-columns:1fr;gap:var(--space-3xl)}.about__text{order:1}.about__highlights{order:2}.about__skills,.about__stats{grid-template-columns:1fr;gap:var(--space-lg)}.about__description{font-size:var(--font-size-md)}}@media (max-width: 480px){.about__highlight-card,.about__skill-group,.about__stat{padding:var(--space-lg)}.about__skill-category{font-size:var(--font-size-lg)}}.contact__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:start;margin-bottom:var(--space-4xl)}.contact__text{animation:fadeInUp .8s var(--ease-out) .4s both}.contact__cta h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-color);margin-bottom:var(--space-md)}.contact__cta p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-color-secondary);margin-bottom:var(--space-xl)}.contact__features{display:flex;flex-direction:column;gap:var(--space-md)}.contact__feature{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md);color:var(--text-color-secondary)}.contact__feature-icon{font-size:var(--font-size-lg)}.contact__links{display:flex;flex-direction:column;gap:var(--space-md);animation:fadeInUp .8s var(--ease-out) .6s both}.contact__link{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-medium);text-decoration:none;color:var(--text-color);transition:all .3s var(--ease-out);position:relative;overflow:hidden}.contact__link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .5s var(--ease-out)}.contact__link:hover:before{left:100%}.contact__link:hover,.contact__link--hovered{transform:translateY(-5px);border-color:#6366f14d;background:#6366f10d;box-shadow:0 10px 30px #6366f11a}.contact__link-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#ffffff1a;border-radius:var(--border-radius-medium);transition:all .3s var(--ease-out)}.contact__link:hover .contact__link-icon{background:var(--accent-color);transform:scale(1.1)}.contact__link-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.contact__link-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-color)}.contact__link-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--accent-color)}.contact__link-description{font-size:var(--font-size-sm);color:var(--text-color-secondary)}.contact__link-arrow{font-size:var(--font-size-xl);color:var(--accent-color);transition:transform .3s var(--ease-out);opacity:.7}.contact__link:hover .contact__link-arrow{transform:translate(5px);opacity:1}.contact__footer{text-align:center;animation:fadeInUp .8s var(--ease-out) .8s both}.contact__availability{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-medium);max-width:400px;margin:0 auto}.contact__status{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-color)}.contact__status-indicator{width:8px;height:8px;background:var(--green-500);border-radius:50%;animation:pulse 2s ease-in-out infinite}.contact__timezone{font-size:var(--font-size-sm);color:var(--text-color-secondary)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@media (max-width: 768px){.contact__content{grid-template-columns:1fr;gap:var(--space-3xl)}.contact__text{order:2;text-align:center}.contact__links{order:1}.contact__link{flex-direction:column;text-align:center;gap:var(--space-md)}.contact__link-content{align-items:center}.contact__availability{flex-direction:column}}@media (max-width: 480px){.contact__link{padding:var(--space-md)}.contact__link-icon{width:50px;height:50px;font-size:1.5rem}}.footer{background:var(--background-color-primary);border-top:1px solid var(--border-color);padding:var(--space-lg) 0 var(--space-sm);position:relative;animation:footerFadeIn .6s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 -1px 3px #0000001a}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:.8}.footer__container{max-width:var(--container-max-width-xl);margin:0 auto;padding:0 var(--space-md)}.footer__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.1)}.footer__brand{display:flex;flex-direction:column;gap:var(--space-xs)}.footer__logo{display:flex;flex-direction:column;gap:var(--space-xxs)}.footer__logo-main{display:flex;align-items:baseline;font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:var(--letter-spacing-tight)}.footer__logo-name{color:var(--text-color);position:relative;font-weight:var(--font-weight-semibold)}.footer__logo-accent{background:linear-gradient(135deg,var(--accent-color) 0%,var(--indigo-600) 50%,var(--blue-500) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:var(--font-weight-extra-bold);position:relative;animation:gradientShift 3s ease-in-out infinite;background-size:200% 200%}.footer__tagline{font-size:var(--font-size-sm);color:var(--text-color-secondary);margin:0;max-width:300px;line-height:1.4;font-family:var(--font-family-mono);letter-spacing:var(--letter-spacing-wide);opacity:.9}.footer__links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.footer__section h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-color);margin:0 0 var(--space-xs) 0}.footer__section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.footer__section li{margin:0}.footer__section a{color:var(--text-color-secondary);text-decoration:none;font-size:var(--font-size-md);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;padding:var(--space-xxs) 0;position:relative;overflow:hidden}.footer__section a:hover{color:var(--accent-color);transform:translate(5px);text-shadow:0 0 10px rgba(99,102,241,.3)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-sm)}.footer__copy p,.footer__built p{margin:0;font-size:var(--font-size-sm);color:var(--text-color-tertiary)}.footer__built{display:flex;align-items:center;gap:var(--space-xxs);padding:var(--padding-xxs) var(--padding-xs);border-radius:50px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid var(--accent-color-muted);transition:all .3s cubic-bezier(.4,0,.2,1)}.footer__built:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f133}.footer__built:before{content:"⚡";font-size:var(--font-size-md);animation:pulseGlow 2s ease-in-out infinite}@media (max-width: 1024px){.footer__container{padding:0 clamp(1rem,4vw,2rem)}}@media (max-width: 768px){.footer{padding:var(--space-md) 0 var(--space-sm)}.footer__container{padding:0 var(--space-md)}.footer__content{grid-template-columns:1fr;gap:var(--space-md);text-align:center}.footer__links{grid-template-columns:1fr;gap:var(--space-sm)}.footer__bottom{flex-direction:column;gap:var(--space-sm);text-align:center}.footer__section a:hover{transform:none}}@media (max-width: 480px){.footer__logo-text{font-size:var(--font-size-lg)}.footer__tagline{font-size:var(--font-size-sm)}}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulseGlow{0%,to{opacity:1;text-shadow:0 0 10px rgba(99,102,241,.3)}50%{opacity:.8;text-shadow:0 0 20px rgba(99,102,241,.5)}}@media (prefers-reduced-motion: reduce){.footer,.footer__logo-accent{animation:none}.footer__built:before{animation:none}}.footer__section a:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-ring-offset)}@media (prefers-contrast: high){.footer{border-top:2px solid var(--text-color)}.footer__logo-accent{background:none;color:var(--accent-color)}}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-ring-offset)}body{min-height:100vh;min-height:100dvh}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}.section{width:100%;max-width:var(--container-max-width-xl);margin:0 auto;padding:var(--container-padding-x);border-radius:var(--radius-md);position:relative}@keyframes gradientBackground{0%{background-position:0% 0%}25%{background-position:50% 25%}50%{background-position:100% 50%}75%{background-position:50% 75%}to{background-position:0% 0%}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-family-base);line-height:var(--line-height-normal);font-weight:400;color:var(--text-color);background:linear-gradient(135deg,var(--background-color-website) 0%,var(--background-color-primary) 25%,var(--background-color-website) 50%,var(--background-color-primary) 75%,var(--background-color-website) 100%);background-attachment:fixed;background-size:400% 400%;animation:gradientBackground 20s cubic-bezier(.4,0,.2,1) infinite;min-height:100vh;scroll-behavior:smooth;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(99,102,241,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--line-height-normal);margin:0}h1{font-size:3rem}h2{font-size:2rem}p{color:var(--text-color-secondary)}a{font-weight:500;color:var(--accent-color);text-decoration:none;transition:color var(--transition-standard)}a:hover{color:var(--accent-color-hover)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color-secondary)}::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:var(--radius-sm)}@media (max-width: 600px){h1{font-size:2.25rem}h2{font-size:1.75rem}}.App{margin:0 auto;min-height:100vh;display:flex;flex-direction:column}main{flex-grow:1;display:flex;flex-direction:column;gap:var(--space-2xl)}.app-loading{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--background-color-website);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-spinner{width:40px;height:40px;border:3px solid var(--background-color-tertiary);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-boundary{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:var(--space-xl);text-align:center;background-color:var(--background-color-website);color:var(--text-color)}.error-boundary h2{color:var(--color-messages-error);margin-bottom:var(--space-md);font-size:var(--h2-font-size)}.error-boundary p{color:var(--text-color-secondary);font-size:var(--font-size-lg);max-width:600px;line-height:var(--line-height-relaxed)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-color);color:#fff;padding:var(--space-xs) var(--space-sm);text-decoration:none;border-radius:var(--radius-sm);z-index:10000;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:var(--transition-all);border:2px solid var(--accent-color)}.skip-link:focus{top:6px;outline:2px solid var(--accent-color-hover);outline-offset:2px}.skip-link:hover{background:var(--accent-color-hover);border-color:var(--accent-color-hover);transform:translateY(-2px)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}main:focus{outline:none}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.skip-link{transition:none}}.neural-nexus-game{display:flex;flex-direction:column;width:100%;height:100%;max-height:100vh;gap:.75rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#6366f10d,#a855f705);padding:.75rem;border:1px solid rgba(99,102,241,.2);box-sizing:border-box;overflow:hidden}.neural-nexus-header{flex-shrink:0;width:100%}.neural-nexus-container{flex:1;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,#6366f11a,#a855f70d);border:1px solid rgba(99,102,241,.2);min-height:300px;max-height:calc(100vh - 200px);width:100%}.neural-nexus-canvas{border-radius:var(--radius-lg);background:transparent;display:block;width:100%;height:100%;object-fit:contain}.neural-nexus-footer{flex-shrink:0;width:100%}.neural-nexus-hud{display:flex;justify-content:space-between;align-items:center;background:#000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-lg);padding:.75rem 1.25rem;border:1px solid rgba(99,102,241,.3);gap:1.5rem;box-shadow:0 4px 20px #0000004d;width:100%;box-sizing:border-box}.neural-nexus-score-display,.neural-nexus-high-score-display,.neural-nexus-game-time{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:0}.neural-nexus-score-label{font-size:.7rem;color:#ffffffb3;font-weight:500;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.neural-nexus-score-value{font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 0 12px rgba(99,102,241,.6);font-family:Courier New,monospace;white-space:nowrap}.neural-nexus-high-score-display .neural-nexus-score-value{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.6)}.neural-nexus-reset-button{background:linear-gradient(135deg,#6366f1e6,#a855f7e6);border:1px solid rgba(99,102,241,.6);color:#fff;padding:.6rem 1.2rem;border-radius:var(--radius-lg);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #6366f133;white-space:nowrap;flex-shrink:0}.neural-nexus-reset-button:hover{background:linear-gradient(135deg,#6366f1,#a855f7);transform:translateY(-1px);box-shadow:0 4px 15px #6366f166}.neural-nexus-reset-button:active{transform:translateY(0)}.neural-nexus-game-instructions{text-align:center;background:#000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-lg);padding:.75rem 1rem;border:1px solid rgba(99,102,241,.3);box-shadow:0 4px 20px #0000004d;width:100%;box-sizing:border-box}.neural-nexus-game-instructions p{margin:0;color:#ffffffe6;font-size:.85rem;line-height:1.4;font-weight:500}@keyframes aiPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.05)}}@keyframes hudGlow{0%,to{box-shadow:0 4px 20px #0000004d}50%{box-shadow:0 4px 25px #6366f133}}.neural-nexus-container:hover .neural-nexus-canvas{animation:aiPulse 3s ease-in-out infinite}.neural-nexus-score-value{transition:all .3s ease}.neural-nexus-hud{animation:hudGlow 4s ease-in-out infinite}@media (max-width: 1024px){.neural-nexus-game{padding:.6rem;gap:.6rem}.neural-nexus-container{max-height:calc(100vh - 180px)}}@media (max-width: 768px){.neural-nexus-game{padding:.5rem;gap:.5rem;max-height:100vh}.neural-nexus-hud{flex-wrap:wrap;gap:.75rem;padding:.6rem .8rem;justify-content:center}.neural-nexus-hud>div{display:flex;flex-direction:row;align-items:center;gap:.5rem}.neural-nexus-score-display,.neural-nexus-high-score-display,.neural-nexus-game-time{flex-direction:row;gap:.4rem}.neural-nexus-score-label{font-size:.65rem}.neural-nexus-score-value{font-size:1.1rem}.neural-nexus-game-instructions{padding:.6rem .8rem}.neural-nexus-game-instructions p{font-size:.75rem}.neural-nexus-reset-button{padding:.5rem 1rem;font-size:.75rem}.neural-nexus-container{min-height:250px;max-height:calc(100vh - 160px)}.neural-nexus-canvas{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast}}@media (max-width: 640px){.neural-nexus-game{padding:.4rem;gap:.4rem}.neural-nexus-hud{flex-direction:column;gap:.6rem;padding:.5rem .6rem}.neural-nexus-hud>div:not(.neural-nexus-reset-button){width:100%;justify-content:space-between;padding:0 .5rem}.neural-nexus-score-label{font-size:.6rem}.neural-nexus-score-value{font-size:1rem}.neural-nexus-reset-button{padding:.45rem .8rem;font-size:.7rem;width:100%;max-width:200px}.neural-nexus-game-instructions p{font-size:.7rem;line-height:1.3}.neural-nexus-container{min-height:200px;max-height:calc(100vh - 140px)}}@media (max-width: 480px){.neural-nexus-game{padding:.3rem;gap:.3rem}.neural-nexus-hud{padding:.4rem .5rem;gap:.5rem}.neural-nexus-score-label{font-size:.55rem}.neural-nexus-score-value{font-size:.9rem}.neural-nexus-reset-button{padding:.4rem .7rem;font-size:.65rem}.neural-nexus-game-instructions p{font-size:.65rem}.neural-nexus-container{min-height:180px;max-height:calc(100vh - 120px)}}@media (max-width: 360px){.neural-nexus-game{padding:.25rem;gap:.25rem}.neural-nexus-score-label{font-size:.5rem}.neural-nexus-score-value{font-size:.8rem}.neural-nexus-reset-button{padding:.3rem .6rem;font-size:.6rem}.neural-nexus-game-instructions p{font-size:.6rem}.neural-nexus-container{min-height:160px;max-height:calc(100vh - 100px)}}@media (max-height: 600px) and (orientation: landscape){.neural-nexus-game{gap:.3rem;padding:.3rem}.neural-nexus-hud,.neural-nexus-game-instructions{padding:.4rem .6rem}.neural-nexus-container{min-height:150px;max-height:calc(100vh - 80px)}}@media (prefers-reduced-motion: reduce){.neural-nexus-canvas,.neural-nexus-container:hover .neural-nexus-canvas{animation:none!important}.neural-nexus-score-value{animation:none!important;transition:none}.neural-nexus-reset-button{transition:none}.neural-nexus-hud{animation:none!important}}@media (prefers-contrast: high){.neural-nexus-hud,.neural-nexus-game-instructions{background:#000000f2;border-color:#fffc}.neural-nexus-reset-button{background:#000;border-color:#fff;color:#fff}.neural-nexus-game,.neural-nexus-container{border-color:#ffffff80}}.matrix-rpg-game{display:flex;flex-direction:column;width:100%;height:100%;max-height:100vh;gap:0;border-radius:12px;background:#0a0a0a;padding:8px;border:3px solid #1a1a1a;box-sizing:border-box;overflow:hidden;font-family:Courier New,Liberation Mono,DejaVu Sans Mono,monospace;box-shadow:0 0 40px #000000e6,inset 0 0 30px #000000b3}.matrix-rpg-header{flex-shrink:0;width:100%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#2a2a2a,#1a1a1a);border-radius:8px 8px 0 0;border:1px solid #333;padding:8px 12px;gap:1rem;color:#0f0;font-size:12px;font-weight:700;text-shadow:0 0 3px rgba(0,255,0,.5);position:relative}.matrix-rpg-header:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#f55;border-radius:50%;box-shadow:16px 0 #fa0,32px 0 #0f0}.matrix-rpg-terminal{position:relative;width:100%;height:100%;min-height:400px;min-width:560px;padding:0;box-sizing:border-box;color:#0f0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:radial-gradient(ellipse at center,#010,#000800,#000400),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);background-size:100% 100%,100% 4px}.matrix-rpg-footer{flex-shrink:0;width:100%;text-align:center;background:linear-gradient(to bottom,#1a1a1a,#0a0a0a);border-radius:0 0 8px 8px;border:1px solid #333;border-top:none;padding:6px 12px;box-sizing:border-box;color:#0f0;font-size:11px;font-weight:500;text-shadow:0 0 3px rgba(0,255,0,.5)}.matrix-rpg-container{flex:1;position:relative;border-radius:0 0 8px 8px;overflow:hidden;background:#000;border:1px solid #333;border-top:none;min-height:400px;max-height:calc(100vh - 120px);width:100%;box-shadow:inset 0 0 60px #000c,inset 0 0 20px #00ff000d}.matrix-rpg-canvas-container{width:100%;height:400px;position:relative;overflow:hidden;cursor:text;background:#000;border:2px solid #001100;border-radius:0;margin:4px;padding:8px;box-sizing:border-box}.matrix-rpg-canvas-container--scrollable{cursor:grab}.matrix-rpg-canvas-container:active{cursor:grabbing}.matrix-rpg-canvas{width:100%;height:100%;position:absolute;top:0;left:0;background:transparent}.matrix-rpg-canvas--main{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.matrix-rpg-canvas--effects{pointer-events:none;mix-blend-mode:screen;opacity:.8}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.matrix-rpg-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(0,255,0,.3) 50%,transparent);z-index:10;animation:scanline 4s linear infinite;pointer-events:none}.matrix-rpg-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.2) 100%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:8;border-radius:0 0 8px 8px}.matrix-rpg-title{font-weight:700;font-size:12px;letter-spacing:.5px;text-transform:uppercase;margin-left:48px;color:#ccc;text-shadow:none}.matrix-rpg-sys-info{display:flex;align-items:center;gap:12px;font-size:11px;color:#0f0;font-family:Courier New,monospace}.matrix-rpg-status{animation:blink 2s infinite;padding:2px 6px;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:2px}.matrix-rpg-status.critical{color:#f33;background:#ff33331a;border-color:#ff33334d;text-shadow:0 0 5px rgba(255,0,0,.7)}@media (max-width: 1024px){.matrix-rpg-game{padding:6px}.matrix-rpg-container{max-height:calc(100vh - 100px)}}@media (max-width: 768px){.matrix-rpg-game{padding:4px;border-radius:8px}.matrix-rpg-header{padding:6px 8px;font-size:10px}.matrix-rpg-title{font-size:10px;margin-left:40px}.matrix-rpg-header:before{width:8px;height:8px;box-shadow:12px 0 #fa0,24px 0 #0f0}}@media (max-width: 640px){.matrix-rpg-canvas-container{margin:2px;padding:4px}.matrix-rpg-container{min-height:300px;max-height:calc(100vh - 80px)}}@media (prefers-contrast: high){.matrix-rpg-terminal{background:#000}.matrix-rpg-header{background:#000;border-color:#0f0}.matrix-rpg-game{border-color:#0f0}}@media (prefers-reduced-motion: reduce){.matrix-rpg-container:before{animation:none}.matrix-rpg-status{animation:none}}.section{padding:var(--space-5xl) 0;position:relative;overflow:hidden}.section__container{max-width:var(--container-max-width-xl);margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:2}.section__header{text-align:center;margin-bottom:var(--space-4xl);animation:fadeInUp .8s var(--ease-out) .2s both}.section__title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:var(--font-weight-extra-bold);margin-bottom:var(--space-sm);color:var(--text-color);position:relative;display:inline-block}.section__title-underline{width:60px;height:4px;background:linear-gradient(135deg,var(--accent-color),var(--indigo-400));margin:var(--space-md) auto var(--space-lg);border-radius:2px;animation:scaleIn .6s var(--ease-out) .8s both}.section__description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-color-secondary);max-width:600px;margin:0 auto}.section__content{position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (max-width: 768px){.section{padding:var(--space-4xl) 0}.section__container{padding:0 var(--space-md)}}@media (max-width: 480px){.section__title{font-size:2rem}.section__description{font-size:var(--font-size-md)}}.project-link-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin:var(--space-md)}.project-link-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--border-radius-small);font-size:var(--font-size-sm);font-weight:500;color:#fff;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.project-link-buttons a:hover{color:#fff}.project-link-button--github{background:linear-gradient(135deg,#2b2b2b,#1a1a1a);box-shadow:0 2px 4px #0000004d}.project-link-button--github:hover{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);transform:translateY(-2px);box-shadow:0 4px 8px #0006}.project-link-button--api{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 4px #3498db4d}.project-link-button--api:hover{background:linear-gradient(135deg,#45a8eb,#3990c9);transform:translateY(-2px);box-shadow:0 4px 8px #3498db66}.project-link-button--live{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 2px 4px #2ecc714d}.project-link-button--live:hover{background:linear-gradient(135deg,#3edc81,#37be70);transform:translateY(-2px);box-shadow:0 4px 8px #2ecc7166}.project-link-button svg{width:14px;height:14px}.project-link-button:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.project-link-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media screen and (max-width: 768px){.project-link-button{padding:6px 10px;font-size:calc(var(--font-size-sm) - 1px)}}.project-link-buttons--compact .project-link-button{padding:5px 8px;font-size:calc(var(--font-size-sm) - 2px)}@media (prefers-reduced-motion: reduce){.project-link-button{transition:none}.project-link-button:hover{transform:none}}.projects__card--live,.projects__card--repo{background:linear-gradient(135deg,var(--background-color-secondary),rgba(255,255,255,.02));border-radius:var(--border-radius-medium);overflow:hidden;transition:var(--transition-all);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-sm);position:relative;height:100%;display:flex;flex-direction:column;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projects__card--live:before,.projects__card--repo:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:0;transition:var(--transition-all)}.projects__card--live:hover{transform:translateY(-2px);animation:subtleShadowFlowLive 4s ease-in-out infinite}.projects__card--repo:hover{transform:translateY(-2px);animation:subtleShadowFlowRepo 4s ease-in-out infinite}@keyframes subtleShadowFlowLive{0%{border-color:#22c55e33;box-shadow:0 2px 8px #22c55e1a,0 4px 16px #10b98114,0 8px 24px #22c55e0d}50%{border-color:#10b98140;box-shadow:0 4px 12px #10b98126,0 8px 20px #22c55e1a,0 12px 28px #10b98114}to{border-color:#22c55e33;box-shadow:0 2px 8px #22c55e1a,0 4px 16px #10b98114,0 8px 24px #22c55e0d}}@keyframes subtleShadowFlowRepo{0%{border-color:#6366f133;box-shadow:0 2px 8px #6366f11a,0 4px 16px #3b82f614,0 8px 24px #6366f10d}50%{border-color:#3b82f640;box-shadow:0 4px 12px #3b82f626,0 8px 20px #6366f11a,0 12px 28px #3b82f614}to{border-color:#6366f133;box-shadow:0 2px 8px #6366f11a,0 4px 16px #3b82f614,0 8px 24px #6366f10d}}.projects__card--live h3,.projects__card--repo h3{margin:var(--space-md);font-size:var(--font-size-lg);color:var(--text-color);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-xs)}.projects__card--live p,.projects__card--repo p{margin:0 var(--space-md) var(--space-md);font-size:var(--font-size-sm);color:var(--text-color-secondary);line-height:var(--line-height-relaxed);flex-grow:1}.projects__live{position:absolute;top:var(--space-sm);right:var(--space-sm);background-color:#10b981b3;color:var(--color-brighter);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:3px var(--space-sm);border-radius:var(--border-radius-small);display:flex;align-items:center;gap:4px;border:1px solid rgba(16,185,129,.8);box-shadow:0 1px 4px #0003,0 0 0 1px #10b9814d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:subtleLivePulse 2s infinite;z-index:5}.projects__live:before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--color-brighter);box-shadow:0 0 2px #0000004d;display:inline-block;animation:liveDot 2s infinite}.projects__live:hover{background-color:#10b981d9;box-shadow:0 4px 12px #10b98166;transform:scale(1.02)}@keyframes subtleLivePulse{0%,to{box-shadow:0 2px 8px #10b98140,0 0 0 1px #10b9814d}50%{box-shadow:0 3px 10px #10b98159,0 0 0 1px #10b98180}}@keyframes liveDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.9)}}.projects__repo{position:absolute;top:var(--space-sm);right:var(--space-sm);background-color:#6b7280b3;color:var(--color-brighter);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:3px var(--space-sm);border-radius:var(--border-radius-small);display:flex;align-items:center;gap:4px;border:1px solid rgba(107,114,128,.8);box-shadow:0 1px 4px #0003,0 0 0 1px #6b72804d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:subtleRepoPulse 3s infinite;z-index:5}.projects__repo:before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--color-brighter);box-shadow:0 0 2px #0000004d;display:inline-block;animation:repoDot 3s infinite}.projects__repo:hover{background-color:#6b7280d9;box-shadow:0 4px 12px #6b728066;transform:scale(1.02)}@keyframes subtleRepoPulse{0%,to{box-shadow:0 2px 8px #4b556340,0 0 0 1px #6b72804d}50%{box-shadow:0 3px 10px #4b556359,0 0 0 1px #6b728080}}@keyframes repoDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.9)}}.projects__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0 var(--space-md) var(--space-md)}.projects__tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px var(--space-sm);border-radius:14px;background-color:#6366f11a;color:var(--accent-color);border:1px solid rgba(99,102,241,.1);transition:var(--transition-all);position:relative;overflow:hidden;cursor:pointer}.projects__tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.projects__tag:hover{background-color:#6366f126;color:var(--accent-color-secondary);border-color:#6366f133;transform:translateY(-1px);box-shadow:0 2px 8px #6366f11a}.projects__tag:hover:before{left:100%}.projects__card--live img,.projects__card--repo img{width:100%;height:160px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.05)}.projects__card--selected{border:2px solid var(--accent-color)!important;box-shadow:0 4px 12px #6366f140!important;transform:translateY(-2px)}.projects__card--selected:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:1}.projects__tag--selected{background-color:#6366f140!important;color:var(--accent-color-secondary)!important;border-color:#6366f14d!important;box-shadow:0 2px 8px #6366f126!important;font-weight:var(--font-weight-semibold)!important}@media (prefers-reduced-motion: reduce){.projects__live,.projects__repo{animation:none!important}}.projects__filters{display:flex;flex-direction:column;margin-bottom:var(--space-lg);gap:var(--space-lg);position:relative;z-index:1}.projects__search-wrapper{display:flex;justify-content:center;width:100%;margin:0 auto}.projects__filters select{padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-small);background-color:var(--background-color-secondary);border:1px solid rgba(255,255,255,.1);color:var(--text-color);font-size:var(--font-size-sm);flex:1;max-width:100%;transition:var(--transition-all)}.projects__filters select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #6366f133;outline:none}.projects__search::placeholder{color:var(--text-color-placeholder)}.projects__search-container{position:relative;display:flex;align-items:center;width:100%;max-width:400px;background-color:#6366f114;border-radius:50px;border:1px solid rgba(99,102,241,.2);transition:var(--transition-all);overflow:hidden;box-shadow:0 4px 12px #00000026}.projects__search-container:focus-within{border-color:var(--accent-color);box-shadow:0 0 15px #6366f159;background-color:#6366f11f}.projects__search-icon{display:flex;align-items:center;justify-content:center;padding-left:var(--space-lg);color:var(--accent-color);opacity:.8}.projects__search{min-width:240px;background:transparent;border:none;padding:var(--space-sm) var(--space-xs);padding-left:var(--space-sm);color:var(--text-color);font-size:var(--font-size-sm);flex:1;caret-color:var(--accent-color)}.projects__search:focus{outline:none;border:none;box-shadow:none}.projects__search-clear{background:transparent;border:none;color:var(--text-color-placeholder);padding:0 var(--space-md);display:flex;align-items:center;justify-content:center;cursor:pointer;height:100%;opacity:.7;transition:all .2s ease;border-top-right-radius:50px;border-bottom-right-radius:50px}.projects__search-clear:hover{opacity:1;color:var(--text-color);background-color:#ffffff0d}.projects__filter-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);width:100%;justify-content:center}.projects__filter-links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs);margin-bottom:var(--space-xs);width:100%}.projects__link{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:25px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px #0003;border:1px solid rgba(255,255,255,.1);transform:translateY(0)}.projects__link--github{background:linear-gradient(135deg,#333,#24292e);color:#fff}.projects__link--github:hover{background:linear-gradient(135deg,#3a3a3a,#2b3137);box-shadow:0 4px 12px #24292e66;transform:translateY(-2px)}.projects__link--api{background:linear-gradient(135deg,#3949ab,#1e88e5);color:#fff}.projects__link--api:hover{background:linear-gradient(135deg,#4252b5,#2196f3);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.projects__link--live{background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff}.projects__link--live:hover{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.projects__link svg{width:18px;height:18px}.projects__filter-status{display:flex;align-items:center;margin-right:var(--space-md);font-size:var(--font-size-sm);color:var(--text-color-secondary);gap:var(--space-xs)}.projects__filter-all-tags{color:var(--accent-color);font-weight:var(--font-weight-medium);position:relative;padding-right:var(--space-xs);margin-right:var(--space-xs)}.projects__filter-all-tags:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--accent-color);animation:pulseUnderline 2s infinite}@keyframes pulseUnderline{0%,to{opacity:.5}50%{opacity:1}}.projects__filter-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:6px var(--space-md);border-radius:20px;background-color:var(--background-color-secondary);color:var(--text-color);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.projects__filter-tag--selected{background-color:#6366f126;color:var(--accent-color-secondary);border-color:var(--accent-color);box-shadow:0 0 10px #6366f14d}.projects__filter-tag--selected:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:2px;background:linear-gradient(45deg,#6366f1,#8b5cf6,#d946ef,#8b5cf6,#6366f1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:400%;animation:animatedBorder 3s linear infinite}.projects__filter-tag:hover:not(.projects__filter-tag--selected){background-color:#ffffff0d;transform:translateY(-1px)}@keyframes animatedBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.projects__filter-clear-all{background:transparent;border:none;color:var(--accent-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px var(--space-xs);margin-left:var(--space-xs);cursor:pointer;position:relative;transition:all .2s ease;border-radius:var(--border-radius-small);display:flex;align-items:center}.projects__filter-clear-all:hover{background-color:#6366f114;transform:translateY(-1px)}.projects__filter-clear-all:active{transform:translateY(0)}.projects__filter-clear-all:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--accent-color);transform:scaleX(.7);transform-origin:center;transition:transform .2s ease;opacity:.5}.projects__filter-clear-all:hover:after{transform:scaleX(1);opacity:.8}@media (max-width: 768px){.projects__filters{gap:var(--space-md)}.projects__search-container{max-width:100%}.projects__filter-tags{justify-content:flex-start}.projects__filter-links{justify-content:center;flex-direction:column;align-items:center}.projects__link{width:100%;max-width:200px}}.project-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;padding:var(--space-md)}.project-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s var(--ease-out) forwards}.project-modal__content{position:relative;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;background-color:var(--background-color-primary);border-radius:var(--border-radius-medium);padding:var(--space-lg);box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.1);z-index:1001;animation:zoomIn .4s var(--ease-out) forwards}.project-modal__close{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;border-radius:50%;background-color:var(--background-color-tertiary);color:var(--text-color);border:none;font-size:var(--font-size-xl);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all);z-index:1}.project-modal__close:hover{background-color:var(--accent-color);color:#fff;transform:rotate(90deg)}.project-modal__image{width:100%;max-height:400px;object-fit:cover;border-radius:var(--border-radius-small);margin-bottom:var(--space-md);border:1px solid rgba(255,255,255,.1)}.project-modal__metadata{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background-color:var(--background-color-secondary);border-radius:var(--border-radius-small);border:1px solid rgba(255,255,255,.05)}.project-modal__metadata-item{display:flex;flex-direction:column;gap:var(--space-xs)}.project-modal__metadata-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px}.project-modal__metadata-value{font-size:var(--font-size-md);color:var(--text-color)}.project-modal__status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:var(--font-size-sm);font-weight:500}.project-modal__status--production{background-color:#00c85333;color:#00c853}.project-modal__status--repo{background-color:#6464ff33;color:#6464ff}.project-modal__language-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.project-modal__language-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:var(--font-size-xs);font-weight:500;background-color:var(--background-color-tertiary);color:var(--text-color);border:1px solid rgba(255,255,255,.1)}.project-modal__auth-info{display:flex;gap:var(--space-xs)}.project-modal__auth-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:var(--font-size-xs);font-weight:500;background-color:#ffa50033;color:orange}.project-modal__auth-badge--none{background-color:#96969633;color:#969696}@media (max-width: 768px){.project-modal__metadata{grid-template-columns:1fr}}.project-modal__title{font-size:var(--h3-font-size);margin-bottom:var(--space-md);color:var(--text-color);display:flex;align-items:center;gap:var(--space-xs)}.project-modal__description{margin-bottom:var(--space-lg);color:var(--text-color-secondary);line-height:var(--line-height-relaxed)}.project-modal__description h1,.project-modal__description h2,.project-modal__description h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--text-color)}.project-modal__description p{margin-bottom:var(--space-md)}.project-modal__description a{color:var(--accent-color);text-decoration:underline;transition:var(--transition-colors)}.project-modal__description a:hover{color:var(--accent-color-hover)}.project-modal__description code{background-color:var(--background-color-tertiary);padding:2px var(--space-xs);border-radius:var(--border-radius-small);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.project-modal__description pre{background-color:var(--background-color-tertiary);padding:var(--space-sm);border-radius:var(--border-radius-small);overflow-x:auto;margin-bottom:var(--space-md)}.project-modal__tags{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.05)}.projects__tag--modal{cursor:default;pointer-events:none;opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.project-modal__content{padding:var(--space-md);max-height:85vh}}@media (prefers-reduced-motion: reduce){.project-modal__overlay,.project-modal__content{animation:none!important}}.projects__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);position:relative;z-index:1}@media (max-width: 768px){.projects__cards{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.projects__tag:before,.projects__links a:before{transition:none!important}}.cb-toggle{width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover));border:var(--border-width-thin) solid var(--accent-color-secondary);color:var(--color-brighter);font-size:var(--font-size-xl);font-family:var(--font-family-base);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:var(--transition-all);position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:var(--z-index-chatbot);overflow:visible;animation:cb-subtle-breath var(--animation-duration-slow) var(--ease-in-out) infinite}@keyframes cb-subtle-breath{0%,to{transform:scale(1);box-shadow:var(--shadow-lg)}50%{transform:scale(1.02);box-shadow:var(--shadow-xl)}}.cb-toggle--hey{animation:cb-professional-attention var(--animation-duration-slow) var(--ease-in-out) infinite,cb-subtle-breath var(--animation-duration-slow) var(--ease-in-out) infinite}@keyframes cb-professional-attention{0%,to{transform:scale(1);box-shadow:var(--shadow-lg)}25%{transform:scale(1.05);box-shadow:var(--shadow-xl)}50%{transform:scale(1.08);box-shadow:var(--shadow-2xl)}75%{transform:scale(1.05);box-shadow:var(--shadow-xl)}}.cb-toggle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);border-radius:var(--radius-full);animation:cb-elegant-shimmer 3s linear infinite;z-index:-1}@keyframes cb-elegant-shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cb-toggle:hover{transform:translateY(-2px) scale(var(--hover-scale));box-shadow:var(--shadow-2xl);background:linear-gradient(135deg,var(--accent-color-hover),var(--accent-color))}.cb-toggle:active{transform:translateY(-1px) scale(var(--active-scale));box-shadow:var(--shadow-lg)}.cb-toggle:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-ring-offset)}.cb-toggle--active{background:linear-gradient(135deg,var(--accent-color-secondary),var(--accent-color-muted));box-shadow:var(--shadow-md)}.cb-toggle__icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:var(--line-height-none);font-weight:var(--font-weight-medium)}.cb-toggle__hey-bubble{position:absolute;bottom:calc(100% + var(--space-sm));right:calc(-1 * var(--space-xs));background:linear-gradient(135deg,var(--background-color-primary),var(--background-color-secondary));color:var(--text-color);border:var(--border-width-thin) solid var(--border-color-lighter);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);white-space:nowrap;box-shadow:var(--shadow-lg);backdrop-filter:var(--glass-effect);-webkit-backdrop-filter:var(--glass-effect);animation:cb-elegant-bubble-appear var(--transition-duration-slow) var(--ease-out-back) forwards;z-index:calc(var(--z-index-chatbot) + 1)}.cb-toggle__hey-bubble-arrow{position:absolute;top:100%;right:var(--space-lg);width:0;height:0;border-left:var(--space-sm) solid transparent;border-right:var(--space-sm) solid transparent;border-top:var(--space-sm) solid var(--background-color-primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes cb-elegant-bubble-appear{0%{opacity:0;transform:translateY(var(--space-md)) scale(.8)}60%{opacity:1;transform:translateY(calc(-1 * var(--space-xs))) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.cb-toggle__minimized-indicator{position:absolute;right:calc(100% + var(--space-sm));top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--background-color-primary),var(--background-color-secondary));color:var(--text-color);border:var(--border-width-thin) solid var(--border-color-lighter);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);white-space:nowrap;box-shadow:var(--shadow-md);backdrop-filter:var(--glass-effect);-webkit-backdrop-filter:var(--glass-effect);animation:fadeIn var(--transition-duration-normal) var(--ease-out) forwards}@media (max-width: 768px){.cb-toggle{width:50px;height:50px;bottom:var(--space-md);right:var(--space-md);font-size:var(--font-size-lg)}.cb-toggle__hey-bubble{right:calc(-1 * var(--space-xxs));font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.cb-toggle__minimized-indicator{right:calc(100% + var(--space-xs));font-size:var(--font-size-xs);padding:var(--space-xxs) var(--space-sm)}}@media (max-width: 480px){.cb-toggle{width:48px;height:48px;bottom:var(--space-sm);right:var(--space-sm);font-size:var(--font-size-md)}.cb-toggle__hey-bubble,.cb-toggle__minimized-indicator{font-size:var(--font-size-xs);padding:var(--space-xxs) var(--space-xs)}}@media (prefers-contrast: high){.cb-toggle{border:var(--border-width-medium) solid var(--text-color);background:var(--accent-color)}.cb-toggle__hey-bubble,.cb-toggle__minimized-indicator{border:var(--border-width-medium) solid var(--border-color);background:var(--background-color-primary)}}@media (prefers-reduced-motion: reduce){.cb-toggle,.cb-toggle--hey,.cb-toggle:before,.cb-toggle__hey-bubble,.cb-toggle__minimized-indicator{animation:none!important}.cb-toggle{transition:var(--transition-duration-fast) var(--ease-linear)}}@media (prefers-color-scheme: dark){.cb-toggle__hey-bubble,.cb-toggle__minimized-indicator{background:linear-gradient(135deg,var(--background-color-secondary),var(--background-color-tertiary));border-color:var(--border-color)}}@media print{.cb-toggle{display:none!important}}.cb-resize-handle{position:absolute;top:0;left:0;width:24px;height:24px;cursor:nw-resize;background:transparent;z-index:1001;border-radius:0 0 var(--radius-sm) 0;transition:all .2s ease}.cb-resize-handle:before{content:"";position:absolute;top:6px;left:6px;width:12px;height:12px;background:repeating-linear-gradient(45deg,var(--text-color-secondary),var(--text-color-secondary) 1px,transparent 1px,transparent 3px);border-radius:2px;opacity:.3;transition:all .2s ease}.cb-resize-handle:hover:before{opacity:.8;background:repeating-linear-gradient(45deg,var(--accent-color),var(--accent-color) 1px,transparent 1px,transparent 3px)}.cb-resize-handle:hover{background:linear-gradient(135deg,#6366f11a,#6366f133)}.cb-resize-handle:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width: 768px){.cb-resize-handle{width:20px;height:20px}.cb-resize-handle:before{top:4px;left:4px;width:10px;height:10px}}@media (prefers-contrast: high){.cb-resize-handle:before{opacity:.6}.cb-resize-handle:hover:before{opacity:1}}@media (hover: none){.cb-resize-handle{width:28px;height:28px}.cb-resize-handle:before{top:8px;left:8px;opacity:.6}}.cb-window{position:absolute;bottom:70px;right:0;background:linear-gradient(135deg,var(--background-color-primary),var(--background-color-secondary));border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d,0 8px 32px #0003;border:1px solid rgba(255,255,255,.1);width:400px;height:550px;max-width:calc(100vw - 40px);max-height:calc(80vh - 80px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-index-chatbot)}.cb-window--open{animation:cb-window-slide-in .4s cubic-bezier(.34,1.56,.64,1) forwards;visibility:visible;opacity:1}.cb-window--minimized{visibility:hidden;opacity:0;pointer-events:none;transform:scale(.95) translateY(20px)}.cb-window--hidden{visibility:hidden;opacity:0;pointer-events:none;transform:scale(.9) translateY(30px)}.cb-window--resizing{-webkit-user-select:none;user-select:none;transition:none}.cb-window--resizing:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f108,#6366f114);pointer-events:none;z-index:1000;border-radius:var(--radius-md)}@keyframes cb-window-slide-in{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.cb-window{width:calc(100vw - 20px);right:10px;max-height:calc(70vh - 80px);bottom:60px}}@media (max-width: 1024px) and (min-width: 769px){.cb-window{width:380px;height:500px}}@media (min-width: 1400px){.cb-window{width:420px;height:600px}}@media (prefers-contrast: high){.cb-window{border:2px solid var(--text-color)}}@media (prefers-reduced-motion: reduce){.cb-window{transition:none!important;animation:none!important}.cb-window--open{animation:none!important}}.cb-header{padding:var(--space-md);background:linear-gradient(135deg,var(--background-color-secondary),var(--background-color-tertiary));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cb-header__title{display:flex;align-items:center;gap:var(--space-sm);flex:1}.cb-header__status-indicator{width:8px;height:8px;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover));border-radius:50%;animation:cb-elegant-pulse 2s ease-in-out infinite;box-shadow:0 0 8px #6366f166;flex-shrink:0}@keyframes cb-elegant-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.cb-header h3{color:var(--text-color);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;letter-spacing:.02em}.cb-header__controls{display:flex;gap:var(--space-xs);position:relative;z-index:10;align-items:center}.cb-header__control-group{position:relative;display:flex;align-items:center}.cb-header__control-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-color-secondary);cursor:pointer;padding:var(--space-xs);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px;height:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;font-size:14px}.cb-header__control-button span{line-height:1;text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.cb-header__control-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.05),transparent);opacity:0;transition:opacity .2s ease}.cb-header__control-button:hover:before{opacity:1}.cb-header__control-button:hover{color:var(--text-color);background:#ffffff1a;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.cb-header__control-button:hover span{transform:scale(1.1)}.cb-header__control-button:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.cb-header__control-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.cb-header__control-button--reset{border-color:#22c55e4d}.cb-header__control-button--reset:hover{background:linear-gradient(135deg,#22c55e1a,#22c55e33);border-color:#22c55e80;color:var(--green-400)}.cb-header__control-button--minimize{border-color:#3b82f64d}.cb-header__control-button--minimize:hover{background:linear-gradient(135deg,#3b82f61a,#3b82f633);border-color:#3b82f680;color:var(--blue-400)}.cb-header__control-button--close{border-color:#ef44444d}.cb-header__control-button--close:hover{background:linear-gradient(135deg,#ef44441a,#ef444433);border-color:#ef444480;color:var(--red-400)}.cb-header__reset-confirmation{position:absolute;top:calc(100% + var(--space-xs));right:0;background:linear-gradient(135deg,var(--background-color-primary),var(--background-color-secondary));border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-md);box-shadow:0 8px 32px #0000004d,0 4px 16px #0003;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;animation:cb-confirmation-appear .2s cubic-bezier(.34,1.56,.64,1) forwards;min-width:260px;max-width:300px}.cb-header__reset-confirmation:before{content:"";position:absolute;top:-6px;right:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--background-color-primary);filter:drop-shadow(0 -2px 4px rgba(0,0,0,.1))}@keyframes cb-confirmation-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cb-header__reset-confirmation-text{color:var(--text-color);font-size:var(--font-size-sm);margin-bottom:var(--space-md);line-height:var(--line-height-relaxed);text-align:left}.cb-header__reset-confirmation-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.cb-header__reset-confirm-btn,.cb-header__reset-cancel-btn{padding:var(--space-xs) var(--space-sm);border-radius:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;border:1px solid transparent;min-width:60px;text-align:center}.cb-header__reset-confirm-btn{background:linear-gradient(135deg,var(--green-600),var(--green-500));color:#fff;border-color:var(--green-600)}.cb-header__reset-confirm-btn:hover{background:linear-gradient(135deg,var(--green-700),var(--green-600));transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.cb-header__reset-cancel-btn{background:#ffffff0d;color:var(--text-color-secondary);border-color:#ffffff1a}.cb-header__reset-cancel-btn:hover{background:#ffffff1a;color:var(--text-color);border-color:#fff3;transform:translateY(-1px)}.cb-header__reset-confirm-btn:focus-visible,.cb-header__reset-cancel-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width: 768px){.cb-header{padding:var(--space-sm)}.cb-header h3{font-size:var(--font-size-sm)}.cb-header__controls{gap:var(--space-xxs)}.cb-header__control-button{width:28px;height:28px;font-size:var(--font-size-xs)}.cb-header__reset-confirmation{min-width:220px;max-width:260px;padding:var(--space-sm);right:-10px}.cb-header__reset-confirmation-text{font-size:var(--font-size-xs)}.cb-header__reset-confirm-btn,.cb-header__reset-cancel-btn{padding:var(--space-xxs) var(--space-xs);font-size:var(--font-size-xs);min-width:50px}}@media (prefers-contrast: high){.cb-header{border-bottom:2px solid var(--text-color)}.cb-header__control-button{border:2px solid var(--text-color-secondary)}.cb-header__reset-confirmation{border:2px solid var(--text-color)}}@media (prefers-reduced-motion: reduce){.cb-header__status-indicator,.cb-header__reset-confirmation{animation:none!important}.cb-header__control-button span{transition:none!important}}.cb-welcome{text-align:center;color:var(--text-color-secondary);margin:auto 0;padding:var(--space-lg) 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;min-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) transparent}.cb-welcome::-webkit-scrollbar{width:6px}.cb-welcome::-webkit-scrollbar-track{background:transparent}.cb-welcome::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.cb-welcome::-webkit-scrollbar-thumb:hover{background:#6366f180}.cb-welcome__icon{font-size:2.5rem;margin-bottom:var(--space-md);animation:cb-welcome-breath 4s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(99,102,241,.3))}@keyframes cb-welcome-breath{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cb-welcome__title{color:var(--text-color);margin:0 0 var(--space-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:.02em}.cb-welcome__description{margin:0 0 var(--space-lg) 0;line-height:var(--line-height-relaxed);font-size:var(--font-size-md);max-width:300px;color:var(--text-color-secondary)}.cb-welcome__suggested-queries{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);width:100%;max-width:320px}.cb-welcome__suggested-query{background:linear-gradient(135deg,var(--background-color-secondary),var(--background-color-tertiary));border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:var(--space-sm);color:var(--text-color);text-align:left;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.cb-welcome__suggested-query:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.03),transparent);opacity:0;transition:opacity .2s ease}.cb-welcome__suggested-query:hover:before{opacity:1}.cb-welcome__suggested-query:hover{background:linear-gradient(135deg,var(--background-color-hover),var(--background-color-tertiary));border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 20px #6366f133}.cb-welcome__suggested-query:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.cb-welcome__suggested-query:active{transform:translateY(-1px)}.cb-welcome__suggested-query--projects{border-left:3px solid var(--green-500)}.cb-welcome__suggested-query--skills{border-left:3px solid var(--blue-500)}.cb-welcome__suggested-query--contact{border-left:3px solid var(--amber-500)}.cb-welcome__suggested-query--general{border-left:3px solid var(--accent-color)}.cb-welcome__suggested-query-icon{font-size:var(--font-size-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.cb-welcome__suggested-query-text{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed)}.cb-welcome__navigation-hint{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.08);width:100%;max-width:320px}.cb-welcome__navigation-title{color:var(--text-color);margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm);text-align:center}.cb-welcome__nav-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.cb-welcome__nav-button{background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover));color:#fff;border:none;border-radius:8px;padding:var(--space-xs) var(--space-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:70px}.cb-welcome__nav-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s ease}.cb-welcome__nav-button:hover:before{opacity:1}.cb-welcome__nav-button:hover{background:linear-gradient(135deg,var(--accent-color-hover),var(--accent-color));transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.cb-welcome__nav-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.cb-welcome__nav-button:active{transform:translateY(0)}@media (max-width: 768px){.cb-welcome{padding:var(--space-sm) 0;min-height:250px}.cb-welcome__icon{font-size:2rem;margin-bottom:var(--space-sm)}.cb-welcome__title{font-size:var(--font-size-md);margin-bottom:var(--space-xs)}.cb-welcome__description{font-size:var(--font-size-sm);margin-bottom:var(--space-md);max-width:280px}.cb-welcome__suggested-queries{margin-bottom:var(--space-md);max-width:280px}.cb-welcome__suggested-query{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.cb-welcome__suggested-query-icon{font-size:var(--font-size-md);width:20px;height:20px}.cb-welcome__suggested-query-text{font-size:var(--font-size-xs)}.cb-welcome__navigation-hint{max-width:280px;padding-top:var(--space-sm);margin-top:var(--space-sm)}.cb-welcome__navigation-title{font-size:var(--font-size-xs);margin-bottom:var(--space-sm)}.cb-welcome__nav-button{padding:var(--space-xxs) var(--space-sm);font-size:var(--font-size-xs);min-width:60px}}@media (prefers-contrast: high){.cb-welcome__suggested-query{border:2px solid var(--text-color-secondary)}.cb-welcome__nav-button{border:2px solid var(--accent-color)}.cb-welcome__navigation-hint{border-top:2px solid var(--text-color)}}@media (prefers-reduced-motion: reduce){.cb-welcome__icon{animation:none!important}.cb-welcome__suggested-query,.cb-welcome__nav-button{transition:none!important}}.cb-messages{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) transparent;position:relative;z-index:1;min-height:0}.cb-messages::-webkit-scrollbar{width:6px}.cb-messages::-webkit-scrollbar-track{background:transparent}.cb-messages::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.cb-messages::-webkit-scrollbar-thumb:hover{background:#6366f180}.cb-messages__message{max-width:85%;animation:cb-message-appear .4s cubic-bezier(.34,1.56,.64,1) forwards;animation-fill-mode:both;animation-iteration-count:1;line-height:var(--line-height-relaxed);position:relative;display:flex;gap:var(--space-sm);align-items:flex-start}.cb-messages__message *{animation-play-state:inherit}@keyframes cb-message-appear{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cb-messages__message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);flex-shrink:0;position:relative}.cb-messages__message-content{padding:var(--space-sm) var(--space-md);border-radius:16px;max-width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);word-wrap:break-word;overflow-wrap:break-word}.cb-messages__message--user{align-self:flex-end;flex-direction:row-reverse}.cb-messages__message--user .cb-messages__message-content{background:linear-gradient(135deg,var(--indigo-600),var(--indigo-500));color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 20px #6366f14d;font-weight:var(--font-weight-medium);border:1px solid rgba(255,255,255,.2)}.cb-messages__message--user .cb-messages__message-avatar{background:linear-gradient(135deg,var(--indigo-600),var(--indigo-500));color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #6366f133}.cb-messages__message--assistant{align-self:flex-start}.cb-messages__message--assistant .cb-messages__message-content{background:linear-gradient(135deg,var(--background-color-tertiary),var(--background-color-secondary));color:var(--text-color);border-bottom-left-radius:6px;box-shadow:0 2px 12px #0000001a;border:1px solid rgba(255,255,255,.1);font-weight:var(--font-weight-normal)}.cb-messages__message--assistant .cb-messages__message-avatar{background:linear-gradient(135deg,var(--background-color-secondary),var(--background-color-tertiary));color:var(--accent-color);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000001a}.cb-messages__message-paragraph{margin:0 0 var(--space-sm) 0;line-height:var(--line-height-relaxed)}.cb-messages__message-paragraph:last-child{margin-bottom:0}.cb-messages__message-strong{font-weight:var(--font-weight-semibold);color:inherit}.cb-messages__message-em{font-style:italic;color:inherit}.cb-messages__message-code{background-color:#0003;padding:2px var(--space-xs);border-radius:var(--radius-xs);font-family:var(--font-family-mono);font-size:calc(var(--font-size-sm) - 1px);color:inherit}.cb-messages__message-pre{background-color:#0003;padding:var(--space-sm);border-radius:var(--radius-sm);overflow-x:auto;margin:var(--space-sm) 0;font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.cb-messages__message-pre code{background:none;padding:0}.cb-messages__message-list{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.cb-messages__message-list--ordered{list-style-type:decimal}.cb-messages__message-list:not(.cb-messages__message-list--ordered){list-style-type:disc}.cb-messages__message-list-item{margin-bottom:var(--space-xs);line-height:var(--line-height-relaxed)}.cb-messages__message-link{color:var(--accent-color);text-decoration:underline;text-decoration-color:#6366f180;transition:var(--transition-colors)}.cb-messages__message-link:hover{color:var(--accent-color-hover);text-decoration-color:var(--accent-color-hover)}.cb-messages__image-container{position:relative;margin:var(--space-sm) 0;display:inline-block;max-width:100%;border-radius:var(--radius-sm);overflow:hidden;background:#0000000d}.cb-messages__image{max-width:100%;height:auto;border-radius:var(--radius-sm);transition:var(--transition-all);object-fit:cover}.cb-messages__image--loading{opacity:0}.cb-messages__message-image{max-width:300px;box-shadow:0 2px 8px #0000001a}.cb-messages__message-linked-image{max-width:250px;cursor:pointer;transition:var(--transition-transform)}.cb-messages__message-linked-image:hover{transform:scale(1.02);box-shadow:0 4px 16px #0003}.cb-messages__image-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--space-xs)}.cb-messages__image-error{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md);background:#ff00001a;border:1px solid rgba(255,0,0,.2);border-radius:var(--radius-sm);color:var(--text-color-secondary);font-size:var(--font-size-sm);margin:var(--space-sm) 0;max-width:200px}.cb-messages__typing{display:flex;gap:4px;padding:var(--space-sm);align-items:center}.cb-messages__typing span{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover));animation:cb-typing-animation 1.4s infinite ease-in-out both}.cb-messages__typing span:nth-child(1){animation-delay:-.32s}.cb-messages__typing span:nth-child(2){animation-delay:-.16s}@keyframes cb-typing-animation{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.cb-messages{padding:var(--space-sm);gap:var(--space-sm)}.cb-messages__message{max-width:90%}.cb-messages__message-avatar{width:28px;height:28px;font-size:var(--font-size-md)}.cb-messages__message-content{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.cb-messages__message-image{max-width:250px}.cb-messages__message-linked-image{max-width:200px}.cb-messages__image-loading{font-size:calc(var(--font-size-xs) - 1px);padding:var(--space-xxs) var(--space-xs)}.cb-messages__image-error{max-width:160px;font-size:calc(var(--font-size-xs) - 1px);padding:var(--space-sm)}.cb-messages__message-code{font-size:calc(var(--font-size-xs) - 1px)}.cb-messages__message-pre{font-size:var(--font-size-xs);padding:var(--space-xs)}}@media (prefers-contrast: high){.cb-messages__message-content,.cb-messages__message-avatar{border:2px solid currentColor}.cb-messages__image-container{border:2px solid var(--text-color)}.cb-messages__image-error{border:2px solid var(--red-500)}}@media (prefers-reduced-motion: reduce){.cb-messages__message,.cb-messages__typing span{animation:none!important}.cb-messages__image,.cb-messages__message-linked-image{transition:none!important}.cb-messages__message-linked-image:hover{transform:none!important}}.cb-input{padding:var(--space-md);border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,var(--background-color-secondary),var(--background-color-tertiary));position:relative;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cb-input__container{display:flex;gap:var(--space-sm);align-items:center;position:relative}.cb-input__field{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0d;color:var(--text-color);font-size:var(--font-size-sm);font-family:var(--font-family-base);transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);outline:none;line-height:var(--line-height-normal);min-height:40px}.cb-input__field:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #6366f133;background:#ffffff14}.cb-input__field:disabled{opacity:.6;cursor:not-allowed;background:#ffffff08}.cb-input__field::placeholder{color:var(--text-color-secondary);font-style:italic}.cb-input__button{width:40px;height:40px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-size:16px;flex-shrink:0}.cb-input__button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s ease}.cb-input__button:hover:not(:disabled):before{opacity:1}.cb-input__button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-color-hover),var(--accent-color));transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.cb-input__button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.cb-input__button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #6366f14d}.cb-input__button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:linear-gradient(135deg,var(--gray-600),var(--gray-500))}.cb-input__button-icon{line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .2s ease}.cb-input__button:hover:not(:disabled) .cb-input__button-icon{transform:scale(1.1)}.cb-input__button:active:not(:disabled) .cb-input__button-icon{transform:scale(.95)}.cb-input__field:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-color:var(--accent-color)}@media (prefers-contrast: high){.cb-input__field{border:2px solid var(--text-color-secondary)}.cb-input__field:focus{border:2px solid var(--accent-color)}.cb-input__button{border:2px solid var(--accent-color)}}@media (max-width: 768px){.cb-input{padding:var(--space-sm)}.cb-input__field{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);min-height:36px}.cb-input__button{width:36px;height:36px;font-size:14px}.cb-input__container{gap:var(--space-xs)}}@media (max-width: 480px){.cb-input__field{padding:var(--space-xxs) var(--space-xs);font-size:var(--font-size-xs);min-height:32px}.cb-input__button{width:32px;height:32px;font-size:12px}}@media (prefers-reduced-motion: reduce){.cb-input__field,.cb-input__button,.cb-input__button-icon{transition:none!important}.cb-input__button:disabled .cb-input__button-icon{animation:none!important}}@media (prefers-color-scheme: dark){.cb-input__field::placeholder{opacity:.7}}@media (hover: none){.cb-input__button,.cb-input__button:hover{transform:none}}.cb-container{position:fixed;bottom:var(--space-md);right:var(--space-md);z-index:var(--z-index-chatbot, 999);display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-family-base)}.cb-container *{box-sizing:border-box}body.cb-resizing{-webkit-user-select:none!important;user-select:none!important;cursor:nw-resize!important}@media (max-width: 768px){.cb-container{bottom:var(--space-sm);right:var(--space-sm)}}@media (prefers-reduced-motion: reduce){.cb-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}