:root{--color-primary-50:#f0fdf4;--color-primary-100:#dcfce7;--color-primary-200:#bbf7d0;--color-primary-300:#86efac;--color-primary-400:#4ade80;--color-primary-500:#22c55e;--color-primary-600:#16a34a;--color-primary-700:#15803d;--color-primary-800:#166534;--color-primary-900:#14532d;--color-highlight:#6a0dad;--color-button-dark:#000000;--color-button-light:#ffffff;--color-button-border:#e5e7eb;--color-icon-github:#000000;--color-icon-twitter:#1da1f2;--color-primary-text:#000000;--color-secondary-text:#6b7280;--color-background:#ffffff;--animation-duration-fast:0.3s;--animation-duration-normal:0.5s;--animation-duration-slow:0.7s;--animation-curve-ease:ease;--animation-curve-ease-in:ease-in;--animation-curve-ease-out:ease-out;--animation-curve-ease-in-out:ease-in-out;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-padding-button:12px 24px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-headline:60px;--font-size-sub-headline:20px;--font-size-button:16px;--font-size-logo:24px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.5rem;--radius-xl:1rem;--radius-full:9999px;--radius-button:8px;--radius-pill:999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1);--shadow-none:none;--transition-fast:150ms;--transition-normal:300ms;--transition-slow:500ms;--font-family-main:system-ui,sans-serif}[data-theme=dark]{--color-primary-50:#14532d;--color-primary-100:#166534;--color-primary-200:#15803d;--color-primary-300:#16a34a;--color-primary-400:#22c55e;--color-primary-500:#4ade80;--color-primary-600:#86efac;--color-primary-700:#bbf7d0;--color-primary-800:#dcfce7;--color-primary-900:#f0fdf4;--color-primary-text:#ffffff;--color-secondary-text:#9ca3af;--color-background:#1f2937}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--animation-duration-fast) var(--animation-curve-ease-out)}.animate-slideUp{animation:slideUp var(--animation-duration-normal) var(--animation-curve-ease-out)}.animate-slideDown{animation:slideDown var(--animation-duration-normal) var(--animation-curve-ease-out)}.animate-scaleIn{animation:scaleIn var(--animation-duration-fast) var(--animation-curve-ease-out)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-in{animation-fill-mode:both}.slide-in-from-top-2{animation:slideInFromTop .3s ease-out}.duration-300{animation-duration:.3s}.transition-all{transition:all var(--transition-normal) var(--animation-curve-ease-in-out)}.transition-colors{transition:color var(--transition-fast) var(--animation-curve-ease-in-out),background-color var(--transition-fast) var(--animation-curve-ease-in-out),border-color var(--transition-fast) var(--animation-curve-ease-in-out)}.transition-transform{transition:transform var(--transition-normal) var(--animation-curve-ease-in-out)}.transition-shadow{transition:box-shadow var(--transition-normal) var(--animation-curve-ease-in-out)}