:root{--color-primary: #00d6cb;--color-primary-light: #00ffff;--color-primary-dark: #00b8af;--color-secondary: #121213;--color-accent: #ffd700;--color-secondary-accent: #00ff08;--color-success: #00ff00;--color-warning: #ffcc00;--color-error: #ff0000;--color-info: #00d6cb;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-dark: #121213;--color-bg-primary: #121213;--color-bg-secondary: #1a1a1b;--color-bg-tertiary: #242425;--color-bg-card: rgba(255, 255, 255, .05);--color-bg-overlay: rgba(0, 0, 0, .8);--color-primary-alpha-10: rgba(0, 214, 203, .1);--color-primary-alpha-15: rgba(0, 214, 203, .15);--color-primary-alpha-20: rgba(0, 214, 203, .2);--color-primary-alpha-30: rgba(0, 214, 203, .3);--color-primary-alpha-40: rgba(0, 214, 203, .4);--color-primary-alpha-50: rgba(0, 214, 203, .5);--color-primary-alpha-60: rgba(0, 214, 203, .6);--color-primary-alpha-70: rgba(0, 214, 203, .7);--color-primary-alpha-80: rgba(0, 214, 203, .8);--color-category-ai: #ff6b6b;--color-category-ml: #4ecdc4;--color-category-backend: #45b7d1;--color-category-frontend: #96ceb4;--color-category-cloud: #ffeaa7;--color-category-database: #dfe6e9;--color-category-devops: #74b9ff;--color-category-vector: #a29bfe;--color-category-framework: #fd79a8;--color-category-language: #fdcb6e;--color-category-tool: #00b894;--color-category-infrastructure: #e17055;--color-category-automation: #6c5ce7;--font-primary: "Exo 2", sans-serif;--font-secondary: "Exo", sans-serif;--font-accent: "Orbitron", sans-serif;--font-mono: "Courier New", Courier, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--font-size-5xl: 4rem;--font-size-6xl: 6rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.05em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--border-width-thin: 1px;--border-width-base: 2px;--border-width-thick: 3px;--radius-none: 0;--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--border-primary: var(--border-width-base) solid var(--color-primary);--border-secondary: var(--border-width-thin) solid rgba(255, 255, 255, .1);--border-muted: var(--border-width-thin) solid rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-neon: 0 0 5px var(--color-primary), 0 0 10px var(--color-primary), 0 0 15px var(--color-primary);--shadow-neon-lg: 0 0 10px var(--color-primary), 0 0 20px var(--color-primary), 0 0 30px var(--color-primary);--shadow-text-glow: 0 0 8px var(--color-primary), 0 0 1px var(--color-primary);--blur-sm: 4px;--blur-base: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--glass-bg-ultra-light: rgba(255, 255, 255, .025);--glass-bg-light: rgba(255, 255, 255, .05);--glass-bg-medium: rgba(255, 255, 255, .08);--glass-bg-heavy: rgba(18, 18, 19, .8);--glass-bg-navbar: rgba(18, 18, 19, .85);--glass-bg-footer: rgba(18, 18, 19, .6);--glass-border-subtle: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-border-accent: rgba(0, 214, 203, .15);--glass-border-accent-hover: rgba(0, 214, 203, .5);--glass-blur-sm: blur(12px);--glass-blur-md: blur(16px);--glass-blur-lg: blur(20px);--glass-blur-xl: blur(24px);--glass-blur-ambient: blur(120px);--glow-subtle: 0 0 4px rgba(0, 214, 203, .3);--glow-medium: 0 0 8px rgba(0, 214, 203, .4);--glow-text: 0 0 4px rgba(0, 214, 203, .5);--glow-text-logo: 0 0 6px rgba(0, 214, 203, .6), 0 0 2px rgba(0, 214, 203, .4);--glow-hover: 0 0 12px rgba(0, 214, 203, .3);--hero-video-opacity: .1;--hero-video-blur: blur(1px);--hero-video-overlay-start: rgba(18, 18, 19, .05);--hero-video-overlay-end: rgba(18, 18, 19, .1);--z-below: -1;--z-base: 0;--z-above: 1;--z-content: 2;--container-xs: 320px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--max-width-prose: 65ch;--max-width-screen: 100vw;--navbar-height: 80px;--navbar-height-mobile: 60px;--skill-bar-height: 6px;--skill-bar-height-lg: 8px;--progress-bar-height: 4px;--button-height-sm: 2rem;--button-height-base: 2.5rem;--button-height-lg: 3rem;--card-padding-sm: var(--spacing-md);--card-padding-base: var(--spacing-lg);--card-padding-lg: var(--spacing-xl)}