:root{--color-primary-900: #0d2818;--color-primary-800: #1a4d2e;--color-primary-700: #2d5f3f;--color-primary-600: #3f7050;--color-primary-500: #528262;--color-primary-400: #6b9b7b;--color-primary-300: #8fb89d;--color-primary-200: #b8d4c1;--color-primary-100: #dfeee3;--color-primary-50: #f3f9f4;--color-neutral-900: #1a1a1a;--color-neutral-800: #2d2d2d;--color-neutral-700: #404040;--color-neutral-600: #595959;--color-neutral-500: #737373;--color-neutral-400: #8c8c8c;--color-neutral-300: #a6a6a6;--color-neutral-200: #d9d9d9;--color-neutral-100: #f0f0f0;--color-neutral-50: #fafafa;--color-accent-blue: #0066cc;--color-accent-blue-hover: #0052a3;--color-accent-yellow: #ffd700;--color-accent-yellow-dark: #b8860b;--color-accent-red: #c41e3a;--color-accent-green: #2d5f3f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1)}:root{--breakpoint: 56rem;--primary-font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--max-width-xs: 20rem;--max-width-sm: 24rem;--max-width-md: 28rem;--max-width-lg: 32rem;--max-width-xl: 36rem;--max-width-2xl: 42rem;--max-width-4xl: 56rem;--max-width-6xl: 72rem;--max-width-90: 90%;--form-input-line-height: 2rem;--focus-ring-color: var(--color-primary-600);--focus-ring-offset: 2px;--focus-ring-width: 3px;--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-700);--text-muted: var(--color-neutral-600);--text-on-dark: var(--color-neutral-50);--text-on-primary: white;--bg-body: var(--color-primary-50);--bg-surface: white;--bg-surface-secondary: var(--color-neutral-50);--bg-header: rgba(240, 240, 240, .44);--bg-footer: rgba(240, 240, 240, .44);--bg-nav: var(--color-primary-100);--bg-article: white;--bg-article-header: var(--color-primary-200);--bg-sidebar: var(--color-neutral-100);--link-color: var(--color-accent-blue);--link-hover: var(--color-accent-blue-hover);--link-visited: var(--color-primary-700);--link-active: var(--color-primary-600);--btn-primary-bg: var(--color-primary-600);--btn-primary-hover: var(--color-primary-800);--btn-primary-active: var(--color-primary-900);--btn-primary-text: white;--btn-secondary-bg: var(--color-neutral-200);--btn-secondary-hover: var(--color-neutral-300);--btn-secondary-active: var(--color-neutral-400);--btn-secondary-text: var(--color-neutral-900);--nav-text: var(--color-neutral-900);--nav-link-text: var(--color-neutral-900);--nav-link-visited: var(--color-neutral-700);--nav-button-bg: white;--nav-hover-bg: var(--color-primary-100);--nav-active-bg: var(--color-primary-200);--nav-active-text: var(--color-primary-900);--input-border: var(--color-neutral-400);--input-border-focus: var(--color-primary-600);--input-bg: white;--input-text: var(--color-neutral-900);--input-placeholder: var(--color-neutral-500);--state-success: var(--color-accent-green);--state-warning: var(--color-accent-yellow-dark);--state-error: var(--color-accent-red);--state-info: var(--color-accent-blue);--text-error: var(--color-accent-red);--text-warning: var(--color-accent-yellow-dark);--text-success: var(--color-accent-green);--border-light: var(--color-neutral-200);--border-medium: var(--color-neutral-400);--border-dark: var(--color-neutral-600);--border-article: var(--color-neutral-300)}@media (prefers-color-scheme: dark){:root{--text-primary: var(--color-neutral-100);--text-secondary: var(--color-neutral-300);--text-muted: var(--color-neutral-400);--text-on-dark: var(--color-neutral-900);--bg-body: var(--color-neutral-900);--bg-surface: var(--color-neutral-800);--bg-surface-secondary: var(--color-neutral-700);--bg-header: rgba(45, 45, 45, .44);--bg-footer: rgba(45, 45, 45, .44);--bg-nav: var(--color-neutral-800);--bg-article: var(--color-neutral-800);--bg-article-header: var(--color-neutral-700);--bg-sidebar: var(--color-neutral-700);--link-color: #66b3ff;--link-hover: #99ccff;--link-visited: #a899ff;--nav-text: var(--color-neutral-100);--nav-link-text: var(--color-neutral-100);--nav-link-visited: var(--color-neutral-200);--nav-button-bg: var(--color-neutral-700);--nav-hover-bg: var(--color-neutral-600);--nav-active-bg: var(--color-primary-800);--input-border: var(--color-neutral-600);--input-bg: var(--color-neutral-700);--input-text: var(--color-neutral-100);--border-light: var(--color-neutral-700);--border-medium: var(--color-neutral-600);--border-dark: var(--color-neutral-500);--border-article: var(--color-neutral-900)}}#sub-content .sub-content-wrapper{width:50%}#login-form{margin-top:5rem;display:flex;flex-direction:column;align-items:center}#login-form .title{font-size:var(--text-3xl);text-align:center}#login-form .warning{color:var(--text-error)}#login-form .flex-label{font-size:var(--text-3xl)}