:root{--color-bg: #0a0a0c;--color-text: #e2e2e5;--color-primary-start: #DA4453;--color-primary-end: #8B2A76;--color-secondary-start: #6C5CE7;--color-secondary-end: #a29bfe;--gradient-primary: linear-gradient(90deg, var(--color-primary-start), var(--color-primary-end));--gradient-secondary: linear-gradient(135deg, var(--color-secondary-start), var(--color-secondary-end));--gradient-title: linear-gradient(90deg, var(--color-primary-start), var(--color-primary-end), var(--color-secondary-start), var(--color-secondary-end));--color-accent: var(--color-primary-start);--color-secondary: #25364f;--color-tertiary: var(--color-primary-end);--color-error: #ff7e67;--color-info: #51adcf;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .65rem;--font-size-sm: .75rem;--font-size-md: .85rem;--font-size-base: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.2rem;--font-size-2xl: 1.3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-base: 1rem;--spacing-lg: 1.25rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--border-radius-sm: .5rem;--border-radius-md: .75rem;--border-radius-lg: 2rem;--card-bg: rgba(255, 255, 255, .03);--header-border: rgba(255, 255, 255, .05);--btn-bg: rgba(255, 255, 255, .05);--dots-bg: rgba(255, 255, 255, .15);--insights-bg: #1a1a1a;--insights-card-bg: #2a2a2a;--insights-card-header: #333333;--insights-border: #3a3a3a;--insights-text-primary: #ffffff;--insights-text-secondary: #cccccc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border-radius:var(--border-radius-md);font-weight:500;transition:all .3s ease;border:none;cursor:pointer;background-color:var(--btn-bg);color:var(--color-text)}.btn.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #da445340}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #da445359}.btn.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:0 4px 15px #6c5ce740}.btn.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c5ce759}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.data-chip{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:500;margin-right:var(--spacing-sm);background:var(--gradient-secondary)}.data-chip.active{background:var(--gradient-primary)}.insight-card{margin:var(--spacing-lg) 0;background-color:transparent;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 5px 20px #00000026;transition:all .3s ease}.insight-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.insight-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-base);background:var(--gradient-primary);border-bottom:1px solid rgba(255,255,255,.1)}.insight-card .card-title{font-size:var(--font-size-base);font-weight:600;color:#fff;letter-spacing:-.3px}.insight-card .card-body{padding:var(--spacing-base)}.data-visual{width:100%;height:180px;background:var(--gradient-title);border-radius:var(--border-radius-sm);position:relative;overflow:hidden}.data-visual .data-dots{position:absolute;width:100%;height:100%;background-image:radial-gradient(var(--dots-bg) 1px,transparent 1px);background-size:15px 15px}.data-visual .data-line{position:absolute;bottom:0;left:0;width:100%;height:70%;background:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,80 Q25,40 50,70 T100,60 T150,30 T200,50 T250,20 T300,50 T350,30 T400,70' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' fill='none' /%3E%3C/svg%3E");background-size:cover}.data-metrics{display:flex;justify-content:space-between;padding:var(--spacing-base) 0}.data-metrics .metric{flex:1}.data-metrics .metric .metric-value{font-size:var(--font-size-2xl);font-weight:600;letter-spacing:-.5px;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.data-metrics .metric .metric-label{font-size:var(--font-size-sm);text-transform:uppercase;opacity:.6;letter-spacing:.5px}.pb-6{padding-bottom:6rem}.section-title{margin:var(--spacing-xl) 0 var(--spacing-base);font-size:var(--font-size-lg);font-weight:500;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}canvas{filter:brightness(1.1)!important}
