:root{color-scheme:light;--color-primary-900: #0f172a;--color-primary-800: #1e293b;--color-primary-700: #334155;--color-primary-600: #475569;--color-primary-500: #64748b;--color-accent-700: #0A4A4D;--color-accent-600: #0E5F63;--color-accent-500: #15767B;--color-accent-400: #4FA9AD;--color-on-accent: #ffffff;--color-success-600: #16a34a;--color-success-500: #22c55e;--color-success-400: #4ade80;--color-neutral-900: #0f172a;--color-neutral-800: #1e293b;--color-neutral-700: #334155;--color-neutral-600: #475569;--color-neutral-500: #64748b;--color-neutral-400: #94a3b8;--color-neutral-300: #cbd5e1;--color-neutral-200: #e2e8f0;--color-neutral-100: #f1f5f9;--color-neutral-50: #f8fafc;--color-border-light: #e2e2da;--color-border-medium: #c9c9be;--color-border-dark: #a8b0ac;--color-bg-primary: #fafaf7;--color-bg-secondary: #f4f4ef;--color-bg-tertiary: transparent;--color-surface: #ffffff;--color-surface-muted: #efefe8;--color-text-primary: #1a1d1f;--color-text-secondary: #494f50;--color-text-tertiary: #5c6664;--color-text-light: #8a9290;--color-text-inverse: #ffffff;--color-tag-text: var(--color-accent-700);--gradient-header: linear-gradient(135deg, var(--color-primary-800) 0%, var(--color-primary-900) 100%);--gradient-footer: linear-gradient(135deg, var(--color-primary-900) 0%, #020617 100%);--gradient-hero: linear-gradient(135deg, var(--color-primary-800) 0%, var(--color-primary-700) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent-500) 0%, var(--color-accent-600) 100%);--gradient-accent-hover: linear-gradient(135deg, var(--color-accent-600) 0%, var(--color-accent-700) 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 2.5rem;--spacing-4xl: 3rem;--spacing-5xl: 4rem;--spacing-6xl: 5rem;--spacing-7xl: 6rem;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "New York", ui-serif, Georgia, "Times New Roman", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-6xl: 4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: 1rem;--radius-2xl: 2rem;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .1);--shadow-accent: 0 4px 6px rgba(37, 99, 235, .3);--shadow-accent-hover: 0 6px 12px rgba(37, 99, 235, .4);--shadow-accent-card: 0 8px 24px rgba(59, 130, 246, .2);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s ease;--container-max-width: 1170px;--hero-min-height: 714px;--z-index-dropdown: 100;--z-index-sticky: 500;--z-index-fixed: 1000;--z-index-modal: 2000;--z-index-popover: 3000;--z-index-tooltip: 4000;--opacity-disabled: .5;--opacity-hover: .9;--opacity-subtle: .8;--opacity-light: .6;--opacity-faint: .2;--header-bg: var(--gradient-header);--header-text: var(--color-text-inverse);--header-height: 70px;--footer-bg: var(--gradient-footer);--footer-text: rgba(255, 255, 255, .8);--btn-primary-bg: var(--gradient-accent);--btn-primary-bg-hover: var(--gradient-accent-hover);--btn-primary-text: var(--color-text-inverse);--card-bg: var(--color-bg-tertiary);--card-border: var(--color-border-light);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-xl)}:root[data-theme=dark]{color-scheme:dark;--color-bg-primary: #141719;--color-bg-secondary: #171b1d;--color-surface: #1c2123;--color-surface-muted: #242b2d;--color-border-light: #2e3634;--color-border-medium: #3d4644;--color-border-dark: #4a5553;--color-text-primary: #eceeea;--color-text-secondary: #c3c9c5;--color-text-tertiary: #98a3a0;--color-text-light: #6e7a77;--color-tag-text: #9adee1;--color-accent-700: #7bcfd3;--color-accent-600: #56b6bb;--color-accent-500: #56b6bb;--color-accent-400: #9adee1;--color-on-accent: #0c1d1e;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 28px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-xl)}.page{padding-top:var(--spacing-5xl);padding-bottom:var(--spacing-5xl);min-height:60vh}.page-header{margin-bottom:var(--spacing-3xl)}.page-header__title{margin:0 0 var(--spacing-sm);font-family:var(--font-display);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-text-primary)}.page-header__subtitle{margin:0;font-size:var(--font-size-lg);color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border:1px solid transparent;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.btn:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:3px}.btn--primary{background:var(--color-accent-600);color:var(--color-on-accent)}.btn--primary:hover{background:var(--color-accent-700)}.btn--ghost{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-light)}.btn--ghost:hover{border-color:var(--color-accent-400);color:var(--color-accent-600)}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);list-style:none;margin:var(--spacing-md) 0 0;padding:0}.tag{display:inline-block;padding:2px var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-tag-text);background:var(--color-surface-muted);border-radius:var(--radius-full)}.prose{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-display);color:var(--color-text-primary);line-height:var(--line-height-tight);letter-spacing:-.01em}.prose h2{font-size:var(--font-size-3xl);margin:var(--spacing-4xl) 0 var(--spacing-lg)}.prose h3{font-size:var(--font-size-2xl);margin:var(--spacing-3xl) 0 var(--spacing-md)}.prose p{margin:0 0 var(--spacing-xl)}.prose ul,.prose ol{margin:0 0 var(--spacing-xl);padding-left:var(--spacing-2xl)}.prose li{margin:var(--spacing-sm) 0}.prose a{color:var(--color-accent-600);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--color-accent-700)}.prose strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.prose blockquote{margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);border-left:4px solid var(--color-accent-500);background:var(--color-surface-muted);border-radius:0 var(--radius-md) var(--radius-md) 0}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-size:.9em;padding:2px 6px;background:var(--color-surface-muted);border-radius:var(--radius-sm)}.prose pre{overflow-x:auto;padding:var(--spacing-lg);background:var(--color-surface-muted);border-radius:var(--radius-md)}.prose pre code{padding:0;background:transparent}.prose img{height:auto;border-radius:var(--radius-lg)}
