:root{--brand-primary: #4f46e5;--brand-primary-dark: #3730a3;--brand-primary-light: #818cf8;--brand-accent: #0d9488;--brand-accent-dark: #0f766e;--brand-accent-light: #2dd4bf;--brand-bg: #f5f5ff;--brand-surface: #ffffff;--brand-dark-text: #1e1b4b;--brand-medium-text: #6b7280;--brand-light-text: #fff;--brand-border: #e5e7eb;--brand-error: #dc2626;--brand-success: #059669;--brand-warning: #d97706;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-xxl: 48px;--font-body: "Manrope", sans-serif;--font-mono: "IBM Plex Mono", monospace;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 24px;--text-xxl: 32px;--text-hero: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 12px rgba(79, 70, 229, .08);--shadow-lg: 0 8px 24px rgba(79, 70, 229, .12)}.brand-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.brand-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));border-radius:var(--radius-md);flex-shrink:0}.brand-logo-mark svg{width:20px;height:20px;fill:#fff}.brand-logo-text{font-family:var(--font-body);font-weight:700;font-size:var(--text-lg);color:var(--brand-dark-text);letter-spacing:-.02em}.brand-logo-text .brand-logo-highlight{color:var(--brand-primary)}.brand-logo--light .brand-logo-text{color:#fff}.brand-logo--light .brand-logo-text .brand-logo-highlight{color:var(--brand-accent-light)}