fairvalue-webapp/src/components/DefinitionOfTerms.tsx

export default function DefinitionOfTerms() {
  return (
    <div className="glass" style={{ padding: '32px', marginTop: '32px' }}>
      <h3 style={{ marginBottom: '20px', color: 'var(--text-1)' }}>Definition of Terms</h3>
      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))', gap: '24px' }}>
        
        <div>
          <h4 style={{ color: 'var(--profit-color)', marginBottom: '6px' }}>Intrinsic Performance Value</h4>
          <p style={{ fontSize: '0.85rem', color: 'var(--text-2)' }}>
            The player's raw talent value, calculated purely from on-pitch statistics (goals, assists, defensive actions, pass completion) independent of external factors.
          </p>
        </div>

        <div>
          <h4 style={{ color: 'var(--accent-blue)', marginBottom: '6px' }}>Age & Contract Impact (SHAP)</h4>
          <p style={{ fontSize: '0.85rem', color: 'var(--text-2)' }}>
            The financial adjustment applied to the player's value based on their age and remaining contract years, isolating exact premiums or penalties using Explainable AI (SHAP).
          </p>
        </div>

        <div>
          <h4 style={{ color: '#a78bfa', marginBottom: '6px' }}>ML Baseline Value</h4>
          <p style={{ fontSize: '0.85rem', color: 'var(--text-2)' }}>
            The objective base market valuation before considering live news, transfer speculation, and recent injury data.
          </p>
        </div>

        <div>
          <h4 style={{ color: '#fbbf24', marginBottom: '6px' }}>NLP Multiplier</h4>
          <p style={{ fontSize: '0.85rem', color: 'var(--text-2)' }}>
            A dynamic market adjustment factor generated by scanning live news sentiment, agent rumors, and recent injury reports.
          </p>
        </div>

        <div>
          <h4 style={{ color: 'var(--profit-color)', marginBottom: '6px' }}>Fair Value</h4>
          <p style={{ fontSize: '0.85rem', color: 'var(--text-2)' }}>
            The absolute maximum recommended price (financial ceiling). If the asking price exceeds this Fair Value, it represents a significant overpayment risk based on real-time market and predictive metrics.
          </p>
        </div>

      </div>
    </div>
  )
}