/**
 * Module CSS: 25-why-choose.css
 * Trích nguyên văn dòng 1210-1252 của pctech-homepage.css gốc.
 * Không đổi nội dung — chỉ tách file theo đúng marker sẵn có trong code gốc.
 */
    /* ── Why choose ── */
    .why { background: linear-gradient(180deg, var(--blue-deeper) 0%, var(--blue-dark) 100%); }
    .why .section-title { color: var(--white); }
    .why .section-tag { background: rgba(232,135,10,0.2); color: var(--orange); }
    .why-card {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.1);
      backdrop-filter: blur(8px);
    }
    .why-card h3 { color: var(--white); }
    .why-card p { color: rgba(255,255,255,0.7); }
    .why-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
    }
    .why-card {
      background: var(--white);
      border-radius: var(--radius);
      padding: 32px 24px;
      text-align: center;
      box-shadow: var(--shadow);
      transition: transform 0.3s;
    }
    .why-card:hover { transform: translateY(-4px); }
    .why-icon {
      width: 64px; height: 64px;
      margin: 0 auto 16px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.8rem;
      background: linear-gradient(135deg, var(--blue-light), var(--orange-light));
    }
    .why-card h3 {
      font-size: 1rem;
      font-weight: 700;
      color: var(--blue-dark);
      margin-bottom: 8px;
    }
    .why-card p { font-size: 0.88rem; color: var(--gray-500); }