:root{--color-primary: #1e3c72;--color-primary-light: #2a5298;--color-primary-dark: #16294e;--color-secondary: #667eea;--color-secondary-light: #a29bfe;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #16a34a;--color-success-light: #22c55e;--color-success-bg: #dcfce7;--color-warning: #ea580c;--color-warning-light: #fb923c;--color-warning-bg: #fed7aa;--color-error: #dc2626;--color-error-light: #ef4444;--color-error-bg: #fecaca;--color-info: #2563eb;--color-info-light: #3b82f6;--color-info-bg: #dbeafe;--color-channel-stable: #4CAF50;--color-channel-beta: #2196F3;--color-channel-dev: #9C27B0;--color-channel-canary: #FF9800;--color-channel-esr: #FF5722;--color-channel-esr-prev: #795548;--color-channel-stable-bg: rgba(76, 175, 80, .1);--color-channel-stable-bg-light: rgba(76, 175, 80, .05);--color-channel-stable-bg-lighter: rgba(76, 175, 80, .02);--color-channel-beta-bg: rgba(33, 150, 243, .1);--color-channel-beta-bg-light: rgba(33, 150, 243, .05);--color-channel-beta-bg-lighter: rgba(33, 150, 243, .02);--color-channel-canary-bg: rgba(255, 152, 0, .1);--color-channel-canary-bg-light: rgba(255, 152, 0, .05);--color-channel-canary-bg-lighter: rgba(255, 152, 0, .02);--color-channel-dev-bg: rgba(156, 39, 176, .1);--color-channel-dev-bg-light: rgba(156, 39, 176, .05);--color-channel-dev-bg-lighter: rgba(156, 39, 176, .02);--color-browser-chrome: #4285f4;--color-browser-firefox: #ff7139;--color-browser-edge: #0078d7;--color-browser-safari: #006cff;--color-browser-opera: #FF1B2D;--color-feature-1: #667eea;--color-feature-2: #f093fb;--color-feature-3: #fa709a;--color-feature-4: #4facfe;--color-accent-coral: #ff6b6b;--color-accent-orange: #ff9f43;--color-accent-green: #26de81;--color-accent-purple: #a29bfe;--color-sidebar-bg: #e8f4f8;--color-sidebar-border: #d0e8f2;--color-bg-main: #f8f9fa;--color-bg-page: #ffffff;--color-bg-card: #ffffff;--color-bg-section: #f8fafc;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .5);--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-tertiary: #94a3b8;--color-text-muted: #888888;--color-text-disabled: #cccccc;--color-text-inverse: #ffffff;--color-text-link: #1e3c72;--color-text-link-hover: #2a5298;--color-border-light: #f0f0f0;--color-border-default: #e1e4e8;--color-border-medium: #d0d4d8;--color-border-dark: #cbd5e1;--color-border-focus: #2563eb;--font-family-base: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Monaco", "Consolas", "Courier New", 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: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--spacing-0: 0rem;--spacing-3xs: .125rem;--spacing-2xs: .25rem;--spacing-xs: .375rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 6rem;--breakpoint-xs: 380px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 900px;--breakpoint-xl: 1300px;--breakpoint-2xl: 1400px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--container-fluid: 100%;--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;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .1);--shadow-focus-primary: 0 0 0 3px rgba(30, 60, 114, .2);--radius-none: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 50px;--radius-circle: 50%;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-slower: .4s ease;--transition-all: all .2s ease;--transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease;--transition-transform: transform .2s ease;--transition-opacity: opacity .2s ease;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--backdrop-blur-sm: blur(4px);--backdrop-blur-md: blur(8px);--backdrop-blur-lg: blur(10px);--backdrop-blur-xl: blur(16px);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-primary-active: linear-gradient(135deg, rgba(30, 60, 114, .05) 0%, rgba(42, 82, 152, .08) 100%);--color-overlay-primary-light: rgba(30, 60, 114, .03);--color-overlay-primary-medium: rgba(30, 60, 114, .05);--color-overlay-primary: rgba(30, 60, 114, .1);--color-overlay-primary-dark: rgba(30, 60, 114, .12);--color-overlay-primary-darker: rgba(30, 60, 114, .15);--color-text-inverse-high: rgba(255, 255, 255, .95);--color-shadow-primary: rgba(30, 60, 114, .2);--button-padding-sm: .5rem 1rem;--button-padding-md: .75rem 1.5rem;--button-padding-lg: 1rem 2rem;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-border-radius: var(--radius-full);--button-font-weight: var(--font-weight-semibold);--card-padding: 1.5rem;--card-padding-lg: 2rem;--card-border-radius: var(--radius-xl);--card-border-color: var(--color-border-default);--card-border-width: 1px;--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-lg);--form-input-padding: .75rem 1rem;--form-input-height: 44px;--form-input-border-radius: var(--radius-md);--form-input-border-color: var(--color-border-medium);--form-input-border-width: 2px;--form-input-focus-border-color: var(--color-border-focus);--form-input-disabled-bg: var(--color-gray-100);--form-textarea-min-height: 120px;--form-label-font-weight: var(--font-weight-medium);--form-label-margin-bottom: .5rem;--nav-height: 60px;--nav-link-padding: .5rem 1rem;--nav-link-border-radius: var(--radius-full);--nav-link-font-weight: var(--font-weight-medium);--badge-padding: .25rem .75rem;--badge-border-radius: var(--radius-lg);--badge-font-size: var(--font-size-xs);--badge-font-weight: var(--font-weight-semibold);--release-card-border-top-width: 4px;--release-card-padding: 1.5rem;--release-card-gap: 1rem;--footer-padding: 2rem;--footer-border-top: 1px solid var(--color-border-light);--header-padding: 2rem;--header-gradient-start: rgba(30, 60, 114, .6);--header-gradient-end: rgba(42, 82, 152, .6)}.navigation{position:relative;display:flex;justify-content:flex-end}.navigation-links{display:flex;gap:var(--spacing-sm);align-items:center}.navigation-links a{color:var(--color-text-inverse);text-decoration:none;font-weight:var(--nav-link-font-weight);font-size:var(--font-size-sm);padding:var(--nav-link-padding);border-radius:var(--nav-link-border-radius);transition:var(--transition-all);background:rgba(255,255,255,var(--opacity-10));border:1px solid rgba(255,255,255,var(--opacity-20));-webkit-tap-highlight-color:transparent}.navigation-links a:hover{background-color:rgba(255,255,255,var(--opacity-20));transform:translateY(-2px)}.navigation-links a.is-active{background:rgba(255,255,255,var(--opacity-30));border:1px solid rgba(255,255,255,var(--opacity-50));-webkit-backdrop-filter:var(--backdrop-blur-lg);backdrop-filter:var(--backdrop-blur-lg);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.nav-dropdown{position:relative}.nav-dropdown-toggle{color:var(--color-text-inverse);text-decoration:none;font-weight:var(--nav-link-font-weight);font-size:var(--font-size-sm);padding:var(--nav-link-padding);border-radius:var(--nav-link-border-radius);transition:var(--transition-all);background:rgba(255,255,255,var(--opacity-10));border:1px solid rgba(255,255,255,var(--opacity-20));cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);-webkit-tap-highlight-color:transparent}.nav-dropdown-toggle:hover{background-color:rgba(255,255,255,var(--opacity-20));transform:translateY(-2px)}.nav-dropdown-toggle.is-active{background:rgba(255,255,255,var(--opacity-30));border:1px solid rgba(255,255,255,var(--opacity-50));-webkit-backdrop-filter:var(--backdrop-blur-lg);backdrop-filter:var(--backdrop-blur-lg);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.nav-dropdown-arrow{font-size:.6em;transition:transform var(--transition-normal)}.nav-dropdown.open .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-10px);margin-top:var(--spacing-xs);background:rgba(255,255,255,var(--opacity-10));border:1px solid rgba(255,255,255,var(--opacity-30));border-radius:var(--radius-lg);backdrop-filter:var(--backdrop-blur-lg);-webkit-backdrop-filter:var(--backdrop-blur-lg);min-width:140px;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal),transform var(--transition-normal);z-index:99999;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;overflow:hidden}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-dropdown-menu a{display:block;padding:.6rem 1.2rem;color:var(--color-text-inverse);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--nav-link-font-weight);transition:background-color var(--transition-fast);background:transparent;border:none;border-radius:0;white-space:nowrap;text-align:center}.nav-dropdown-menu a:hover{background:rgba(255,255,255,var(--opacity-20))}.nav-dropdown-menu a.is-active{background:rgba(255,255,255,var(--opacity-15));border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-weight:var(--font-weight-semibold)}.hamburger-button{display:none;flex-direction:column;justify-content:space-around;width:var(--spacing-xl);height:var(--spacing-xl);background:transparent;border:none;cursor:pointer;padding:0;z-index:var(--z-index-dropdown);margin-left:auto;-webkit-tap-highlight-color:transparent}.hamburger-icon{width:var(--spacing-xl);height:.2rem;background:var(--color-text-inverse);border-radius:var(--radius-lg);transition:var(--transition-all);position:relative;transform-origin:1px}@media(max-width:768px){.navigation{width:100%}.hamburger-button{display:flex}.navigation-links{position:relative;flex-direction:column;padding:0;gap:var(--spacing-sm);margin-top:var(--spacing-md);width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden;max-height:0;opacity:0;transition:max-height var(--transition-normal),opacity var(--transition-normal),padding var(--transition-normal)}.navigation-links.open{max-height:500px;opacity:1;padding:var(--spacing-xl) 0}.navigation-links a{width:100%;text-align:center;margin:0;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none}.navigation-links a:last-child{border-bottom:none}.nav-dropdown{width:100%}.nav-dropdown-toggle{width:100%;justify-content:center;background:none;border:none;padding:var(--spacing-sm) var(--spacing-md)}.nav-dropdown-toggle.is-active{background:rgba(255,255,255,var(--opacity-15));font-weight:var(--font-weight-semibold);border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-dropdown-menu{position:static;opacity:1;visibility:visible;transform:none!important;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;min-width:100%;max-height:0;overflow:hidden;margin-top:0;transition:max-height var(--transition-normal);left:auto;display:flex;flex-direction:column;align-items:center}.nav-dropdown.open .nav-dropdown-menu{max-height:200px;transform:none!important}.nav-dropdown-menu a{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);opacity:.85;text-align:center;width:100%;display:block;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-dropdown-menu a.is-active{background:rgba(255,255,255,var(--opacity-15));font-weight:var(--font-weight-semibold);opacity:1}.nav-dropdown-menu a:hover{background:rgba(255,255,255,var(--opacity-10))}}