: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)}.use-case-item{background:#ffffffb3;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid rgba(225,228,232,.3);transition:all var(--transition-normal);position:relative;overflow:hidden}.use-case-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014;background:#fffffff2;border-color:#e1e4e880}.use-case-item .use-case-icon{font-size:var(--font-size-lg);opacity:.9;transition:transform var(--transition-normal)}.use-case-item:hover .use-case-icon{transform:scale(1.1) rotate(5deg)}.use-case-item p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0;transition:color var(--transition-normal);text-align:justify}.use-case-item:hover p{color:var(--color-text-primary)}.browser-nav-section{padding:var(--spacing-xl)}.browser-nav-section .section-title{text-align:center;margin-bottom:var(--spacing-sm)}.browser-nav-section .section-description{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.browser-nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.browser-nav-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#ffffffb3;border-radius:var(--radius-lg);border:1px solid var(--color-border-default);text-decoration:none;transition:all var(--transition-normal);position:relative;overflow:hidden}.browser-nav-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;transition:width var(--transition-normal)}.browser-nav-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);background:#fffffff2}.browser-nav-card:hover:before{width:6px}.browser-nav-chrome:before{background:var(--color-browser-chrome)}.browser-nav-firefox:before{background:var(--color-browser-firefox)}.browser-nav-edge:before{background:var(--color-browser-edge)}.browser-nav-safari:before{background:var(--color-browser-safari)}.browser-nav-opera:before{background:var(--color-browser-opera)}.browser-nav-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:60px;height:60px;border-radius:var(--radius-md);transition:transform var(--transition-normal)}.browser-nav-card:hover .browser-nav-icon{transform:scale(1.1)}.browser-nav-chrome .browser-nav-icon{color:var(--color-browser-chrome)}.browser-nav-firefox .browser-nav-icon{color:var(--color-browser-firefox)}.browser-nav-edge .browser-nav-icon{color:var(--color-browser-edge)}.browser-nav-safari .browser-nav-icon{color:var(--color-browser-safari)}.browser-nav-opera .browser-nav-icon{color:var(--color-browser-opera)}.browser-nav-content{flex:1;min-width:0}.browser-nav-content h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.browser-nav-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.browser-nav-arrow{color:var(--color-text-muted);font-size:var(--font-size-lg);flex-shrink:0;transition:all var(--transition-normal)}.browser-nav-card:hover .browser-nav-arrow{color:var(--color-primary);transform:translate(4px)}@media(max-width:1200px){.use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}}@media(max-width:900px){.use-cases-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.use-case-item{padding:var(--spacing-md)}}@media(max-width:768px){.use-case-item{padding:var(--spacing-sm);border-radius:var(--radius-md)}.use-cases-grid .use-case-item h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.use-case-item .use-case-icon{font-size:var(--font-size-lg)}.use-case-item p{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.browser-nav-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.browser-nav-section,.browser-nav-card{padding:var(--spacing-md)}.browser-nav-icon{font-size:2rem;width:50px;height:50px}.browser-nav-content h3{font-size:var(--font-size-base)}.browser-nav-content p{font-size:var(--font-size-xs)}}.version-text{font-family:var(--font-family-base)}.version-major{font-weight:var(--font-weight-bold)}.version-minor{opacity:var(--opacity-60)}.error-actions{text-align:center;margin-top:var(--spacing-md)}.loading-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border-default);text-align:center;color:var(--color-text-secondary)}